小程序
小游戏
企业微信
微信支付
扫描小程序码分享
数据结构是这样的,room[1].pic是一个数组,希望在template里展开显示出来,用 wx:for 循环不报错,但不执行。room里其他字段都能在template里正常操作。
各位高手帮我看看,在template里该怎么循环显示 room[1].pic数组 里的图片呢?
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
<template is="item" data="{{pic: room[1]}}"/>
你试试先将数据赋值变量 然后在template 里面遍历这个变量
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
我试过在template里直接这样写:
<template name="room_info">
<image class= "pic" mode ="widthFix" src="{{pic[0]}}"></image>
<image class= "pic" mode ="widthFix" src="{{pic[1]}}"></image>
</template>
是可以显示图片的,但是用 block 去循环就不行了,也不报错,只是不执行。
<template is='room_info' data="{{roomLi: room[1]}}"/>
<template name="room_info" >
<block wx:for='{{roomLi}}'>
<text>{{item.add_bed}}</text>
<text>{{item.floor}}</text>
<text>{{item.name}}</text>
<text>{{item.number}}</text>
<block wx:for='{{item.pic}}' wx:for-item='pic_item' wx:for-index='pic_index'>
<image src="{{pic_item}}"></image>
</block>
是item,不是pic[index]
<block wx:for="{{pic}}" wx:key="index">
<image class= "pic" mode ="widthFix" src="{{item}}"></image>
<!-- <image class= "pic" mode ="widthFix" src="{{item}}"></image> -->
<template is='room_info' data="{{...room[1]}}"/>
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
<template is="item" data="{{pic: room[1]}}"/>
你试试先将数据赋值变量 然后在template 里面遍历这个变量
我试过在template里直接这样写:
<template name="room_info">
<image class= "pic" mode ="widthFix" src="{{pic[0]}}"></image>
<image class= "pic" mode ="widthFix" src="{{pic[1]}}"></image>
</template>
是可以显示图片的,但是用 block 去循环就不行了,也不报错,只是不执行。
<template is='room_info' data="{{roomLi: room[1]}}"/>
<template name="room_info" >
<block wx:for='{{roomLi}}'>
<text>{{item.add_bed}}</text>
<text>{{item.floor}}</text>
<text>{{item.name}}</text>
<text>{{item.number}}</text>
<block wx:for='{{item.pic}}' wx:for-item='pic_item' wx:for-index='pic_index'>
<image src="{{pic_item}}"></image>
</block>
</block>
</template>
是item,不是pic[index]
<template name="room_info">
<block wx:for="{{pic}}" wx:key="index">
<image class= "pic" mode ="widthFix" src="{{item}}"></image>
</block>
</template>
<block wx:for="{{pic}}" wx:key="index">
<!-- <image class= "pic" mode ="widthFix" src="{{item}}"></image> -->
</block>
<template is='room_info' data="{{...room[1]}}"/>