为什么JS文件data给数组复制了但是在WXML文件内没有渲染出来?
发布于 5 年前 作者 egong 14384 次浏览 来自 问答

在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 呢。。代码贴全

回到顶部