前端的南姐 2019-09-09 10:30 采纳率: 16.7%
浏览 3437

微信小程序,如何在主页面动态引用其他页面(包含四个文件)

问题描述:点击列表跳转到详情页时,详情面的基础信息是通过一个接口获取的,都是一样的数据。但是不同类型的设备实时数据显示和接口调用不同。怎么能根据基础数据中的设备类型字段来动态加载显示不同的实时值?
我用template时对就的脚本没有运行。
如图:

onLoad: function (option) {
wx.showLoading({
title: '正在拼命加载中...',
})
this.setData({
devIdpk: option.id
});
this.data.requestData.devIdpk=this.data.devIdpk;
api.requestDeviceDetail(this.data.requestData).then((data) => {
wx.hideLoading();
if (data.status == 1) {
this.setData({
deviceInfo: data.row[0]
});
var templateName="";
console.log(templateName);
switch (this.data.deviceInfo.BType){
case 33:
templateName = "DuanLuQi4"; break;
case 35:
templateName = "DuanLuQi3"; break;
case 36:
templateName = "DuanLuQi2"; break;
case 37:
templateName ="DuanLuQi1";break;

}
this.setData({
btype:templateName
});
}
})
},

<import src="../DuanLuQi1/DuanLuQi1.wxml" />
<import src="../DuanLuQi2/DuanLuQi2.wxml" />
<import src="../DuanLuQi3/DuanLuQi3.wxml" />
<import src="../DuanLuQi4/DuanLuQi4.wxml" />
<!-- 详情 -->
<view>型号:{{deviceInfo.devTyName}}</view>
<view>编号:{{deviceInfo.devSignature}}</view>

<template is="{{btype}}" data="{{devIdpk}}"></template>

本人在学习小程序,目前小白一名,希望会的小哥哥小姐姐指点指点。谢谢。

  • 写回答

1条回答 默认 最新

  • dabocaiqq 2019-10-03 19:24
    关注
    评论

报告相同问题?

悬赏问题

  • ¥40 matlab调用ansys联合
  • ¥15 关于#算法#的问题:运用EViews第九版本进行一系列计量经济学的时间数列数据回归分析预测问题 求各位帮我解答一下
  • ¥15 运用EViews第九版本进行一系列计量经济学的时间数列数据回归分析预测问题 求各位帮我解答一下!
  • ¥15 setInterval 页面闪烁,怎么解决
  • ¥15 如何让企业微信机器人实现消息汇总整合
  • ¥50 关于#ui#的问题:做yolov8的ui界面出现的问题
  • ¥15 如何用Python爬取各高校教师公开的教育和工作经历
  • ¥15 TLE9879QXA40 电机驱动
  • ¥20 对于工程问题的非线性数学模型进行线性化
  • ¥15 Mirare PLUS 进行密钥认证?(详解)