小程序for循环内如何动态获取页面数据?
做一个美容技师服务列表,页面循环出美容师列表,并且动态读取出每个美容师对应的服务项目,现在是美容师可以循环显示出来但是我不知打怎么才能循环显示出每个美容师对应的服务项目,具体代码如下:
data: {
UserList: [{"id":1,"name":"张技师","fwxm":"28,29,30"},
{"id":2,"name":"李技师","fwxm":"30,31"}], // 技师列表
Fwxm: [{"text":"按摩","value":28},
{"text":"推拿","value":29},
{"text":"整脸","value":30},
{"text":"美容","value":31}], // 服务项目
},
<view wx:for='{{UserList}}' wx:key='list' wx:for-item="item">
<view class='items'>
<view class='box'>
<text class='name'>美容师名称:{{item.name}}</text>
<text class='name'>服务项目:</text>
<view>
<text>按摩</text>
<text>推拿</text>
<text>整脸</text>
</view>
</view>
</view>
</view>
如上面的数据,服务项目有个单独的 Fwxm json, 每个美容师对应的自己的服务项目是 UserList.fwxm 里的服务项目id,
请问我怎么在前台页面显示出 每个美容师对应的服务项目啊? 显示地方就是上面的:
<text>按摩</text>
<text>推拿</text>
<text>整脸</text>
只是我现在是写死了,需要按照 UserList.fwxm 里的id来对应动态从 Fwxm json 中找出来,并显示。
非常感谢。
data: {
UserList: [{"id":1,"name":"张技师","fwxm":"28,29,30"},
{"id":2,"name":"李技师","fwxm":"30,31"}], // 技师列表
Fwxm: [{"text":"按摩","value":28},
{"text":"推拿","value":29},
{"text":"整脸","value":30},
{"text":"美容","value":31}], // 服务项目
},
<view wx:for='{{UserList}}' wx:key='list' wx:for-item="item">
<view class='items'>
<view class='box'>
<text class='name'>美容师名称:{{item.name}}</text>
<text class='name'>服务项目:</text>
<view>
<text>按摩</text>
<text>推拿</text>
<text>整脸</text>
</view>
</view>
</view>
</view>
如上面的数据,服务项目有个单独的 Fwxm json, 每个美容师对应的自己的服务项目是 UserList.fwxm 里的服务项目id,
请问我怎么在前台页面显示出 每个美容师对应的服务项目啊? 显示地方就是上面的:
<text>按摩</text>
<text>推拿</text>
<text>整脸</text>
只是我现在是写死了,需要按照 UserList.fwxm 里的id来对应动态从 Fwxm json 中找出来,并显示。
非常感谢。
...全文
相关推荐
微信小程序|列表渲染-for循环
欢迎点击「算法与编程之美」↑关注我们!本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。问题描述大家学习程序设计都知道for循环,而且很多编程...
高校技术转移办公室如何实现科技成果的动态管理与多维分析?.docx
科易网基于AI模型+行业大数据,在技术转移、成果转化、技术经纪、知识产权、产业创新、科技招商等垂直领域的多样化应用场景,推出科技创新领域的AI+工具与数智化解决方案,推动科技创新与产业创新智能化发展。
C语言程序设计教程(第6版)课件+例题源文件+习题答案
C语言程序设计教程(第6版)课件+例题源文件+习题答案
自动化生产线控制与维护(基于数字孪生)课件+联调总图+MCD和程序
自动化生产线控制与维护(基于数字孪生)课件+联调总图+MCD和程序
SiLan-EAP-AOI-Test-Case.xlsx222
SiLan-EAP-AOI-Test-Case.xlsx222


