微信小程序开发之为页面绑定动态数组

如何绑定动态数组

首先在页面的js文件中建立一个数组

Page({
	data:{
		result: [{id: "001", name: "tom", major: "cs"}]
	}
})

然后修改wxml中的代码：

<view class='list' bindtap= 'detail' wx:for="{{result}}" wx:key="index" >
  <view>
    <text>姓名：{{item.name}}</text>
    <text>学号：{{item.id}}</text>
    <text>专业：{{item.major}}</text>
  </view>
</view>

其中 bindtap是每一个view所绑定的函数，wx:for表示其绑定的数组。
可以通过在其所绑定的函数detail来获取当前所选中的item的信息。

常见错误

当我们的数组数据需要从后台获取时，需要对当前data中的result进行更新。
注意！！ 直接赋值是无效的！最方便的方法是利用setData对result进行更新。

var that = this
that.setData({
          result: res.data   //res.data 表示从后台返回的信息
        });

如果直接用下面这种方法：

that.data.result = res.data

这是无法对result进行更新的。也有其他方法对result更新，但是个人认为最方便的就是用setData啦！