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

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!