为什么JS文件data给数组复制了但是在WXML文件内没有渲染出来?
在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'
}
]
}
})