小程序
小游戏
企业微信
微信支付
扫描小程序码分享
在JS文件内定义了一个数组,并且给她赋值了,但是就是不能传递到WXML里去,请各位大佬帮忙看看错哪了
WXML文件代码
JS文件代码
模拟器界面
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
典型的没好好看官方文档,列表渲染需要使用for循环啊
// WXML <view class='container'> <block wx:for='tieContent' wx:key='id'> <view class='BT'> {{item.BT}} </view> <view class='article'> <image src="{{item.TX}}"></image> <text>{{item.name}}</text> </view> <view class='content'> <view class='zhengwen'> {{item.NR}} </view> <view class='shijian'> <text>编辑于:{{item.time}}</text> </view> </view> </block> </view>
// 注意一下你的js这边,我在你的代码基础上加了wx:for,但是wx:for使用的同事最好指定他的key最好是一个唯一值,这样有利于小程序自生对列表渲染的优化 page({ data: { tieContent:[ { id:1, // 保证他是唯一的 BT:'标题', NR:'内容', name:'花匠', TX:'/img/jiguan.jpg', time:'2020-3-19' }, { id: 2, // 保证他是唯一的 BT: '标题', NR: '内容', name: '花匠', TX: '/img/jiguan.jpg', time: '2020-3-19' } ] } })
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
你的 wx:for 呢。。代码贴全
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
典型的没好好看官方文档,列表渲染需要使用for循环啊
// WXML <view class='container'> <block wx:for='tieContent' wx:key='id'> <view class='BT'> {{item.BT}} </view> <view class='article'> <image src="{{item.TX}}"></image> <text>{{item.name}}</text> </view> <view class='content'> <view class='zhengwen'> {{item.NR}} </view> <view class='shijian'> <text>编辑于:{{item.time}}</text> </view> </view> </block> </view>
// 注意一下你的js这边,我在你的代码基础上加了wx:for,但是wx:for使用的同事最好指定他的key最好是一个唯一值,这样有利于小程序自生对列表渲染的优化 page({ data: { tieContent:[ { id:1, // 保证他是唯一的 BT:'标题', NR:'内容', name:'花匠', TX:'/img/jiguan.jpg', time:'2020-3-19' }, { id: 2, // 保证他是唯一的 BT: '标题', NR: '内容', name: '花匠', TX: '/img/jiguan.jpg', time: '2020-3-19' } ] } })
你的 wx:for 呢。。代码贴全