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

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

问题描述:点击列表跳转到详情页时,详情面的基础信息是通过一个接口获取的,都是一样的数据。但是不同类型的设备实时数据显示和接口调用不同。怎么能根据基础数据中的设备类型字段来动态加载显示不同的实时值?
我用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
    关注
    评论

报告相同问题?

悬赏问题

  • ¥15 HFSS 中的 H 场图与 MATLAB 中绘制的 B1 场 部分对应不上
  • ¥15 如何在scanpy上做差异基因和通路富集?
  • ¥20 关于#硬件工程#的问题,请各位专家解答!
  • ¥15 关于#matlab#的问题:期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707,使系统具有较小的超调量
  • ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
  • ¥30 截图中的mathematics程序转换成matlab
  • ¥15 动力学代码报错,维度不匹配
  • ¥15 Power query添加列问题
  • ¥50 Kubernetes&Fission&Eleasticsearch
  • ¥15 報錯:Person is not mapped,如何解決?