小程序for循环内如何动态获取页面数据?

kucao 2019-06-24 09:32:56
做一个美容技师服务列表,页面循环出美容师列表,并且动态读取出每个美容师对应的服务项目,现在是美容师可以循环显示出来但是我不知打怎么才能循环显示出每个美容师对应的服务项目,具体代码如下:

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 中找出来,并显示。

非常感谢。
...全文
499 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
kucao 2019-06-28
  • 打赏
  • 举报
回复
好的,那就只能先拆分了,谢谢
长山孙红驴 2019-06-27
  • 打赏
  • 举报
回复
引用 6 楼 kucao 的回复:
@长山孙红驴
<view wx:for='{{item.fwxm}}' wx:key wx:for-item="fwxm_item">
<block wx:for='{{Fwxm}}' wx:key wx:for-item="fwxm_item2">
<text wx:if='{{fwxm_item==fwxm_item2.value}}'>{{fwxm_item2.value}}</text>
</block>
</view>
其中 item.fwxm 内容是: '28,29,30' 是字符串形式, 没法用 for 循环啊,需要先 把'28,29,30' 拆分成数组才能循环,所以上面的方法还是不行,请问还有其他的方法吗?
那你这个就不该用字符串啊 取单个值 就得拆分,应该用数组或者对象
kucao 2019-06-27
  • 打赏
  • 举报
回复
@长山孙红驴
<view wx:for='{{item.fwxm}}' wx:key wx:for-item="fwxm_item">
<block wx:for='{{Fwxm}}' wx:key wx:for-item="fwxm_item2">
<text wx:if='{{fwxm_item==fwxm_item2.value}}'>{{fwxm_item2.value}}</text>
</block>
</view>
其中 item.fwxm 内容是: '28,29,30' 是字符串形式, 没法用 for 循环啊,需要先 把'28,29,30' 拆分成数组才能循环,所以上面的方法还是不行,请问还有其他的方法吗?
kucao 2019-06-27
  • 打赏
  • 举报
回复
@长山孙红驴 非常感谢,你这个方法提醒了我,感觉应该能行
长山孙红驴 2019-06-27
  • 打赏
  • 举报
回复
引用 3 楼 长山孙红驴 的回复:
<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 wx:for='{{item.fwxm}}' wx:key wx:for-item="fwxm_item">
<block wx:for='{{Fwxm}}' wx:key wx:for-item="fwxm_item2">
<text wx:if='{{fwxm_item==fwxm_item2.value}}'>{{fwxm_item2.value}}</text>
</block>
</view>
</view>
</view>
</view> 那就在嵌一层。 我没有更好的想法了 。才浅 抱歉!
输出错啦 fwxm_item2.text
长山孙红驴 2019-06-27
  • 打赏
  • 举报
回复

<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 wx:for='{{item.fwxm}}' wx:key wx:for-item="fwxm_item">
<block wx:for='{{Fwxm}}' wx:key wx:for-item="fwxm_item2">
<text wx:if='{{fwxm_item==fwxm_item2.value}}'>{{fwxm_item2.value}}</text>
</block>
</view>
</view>
</view>
</view> 那就在嵌一层。 我没有更好的想法了 。才浅 抱歉!
kucao 2019-06-26
  • 打赏
  • 举报
回复
引用 1 楼 长山孙红驴 的回复:
<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 wx:for='{{item.fwxm}}' wx:key wx:for-item="fwxm_item">
<text wx:if='{{fwxm_item==28}}'>按摩</text>
<text wx:if='{{fwxm_item==29}}'>推拿</text>
<text wx:if='{{fwxm_item==30}}'>整脸</text>
</view>
</view>
</view>
</view>
在嵌一个遍历 就可以判断啦


你好,谢谢你的回答我的Fwm的json数据是客户在后台程序里动态添加的,不是死的,所以我没法知道 id=28的就是“按摩”,因为这些数据是客户随时可以动态添加的,请问还有其他好点的方法吗?
长山孙红驴 2019-06-26
  • 打赏
  • 举报
回复

<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 wx:for='{{item.fwxm}}' wx:key wx:for-item="fwxm_item">
<text wx:if='{{fwxm_item==28}}'>按摩</text>
<text wx:if='{{fwxm_item==29}}'>推拿</text>
<text wx:if='{{fwxm_item==30}}'>整脸</text>
</view>
</view>
</view>
</view>
在嵌一个遍历 就可以判断啦

3,143

社区成员

发帖
与我相关
我的任务
社区描述
微信开发即微信公众平台开发,将企业信息、服务、活动等内容通过微信网页的方式进行表现,通过二次开发可以将公众账号由一个媒体型营销工具转化成提供服务的产品。
社区管理员
  • 微信开发
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧