微信小程序监听data数据变化(类似VUE中的watch)

原文网址： >

一般setData方法多用于点击后改变页面信息或者刷新后与后台交互获取最新的信息

注意：

直接修改 thisdata 而不调用 thissetData 是无法改变页面的状态的，还会造成数据不一致

单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。

方法如下：

js:

Page({  data: {

   text: 'init data',

   num: 0,

   array: [{text: 'init data'}],    object: {

     text: 'init data'

   }

 },

 changeText: function() {    // thisdatatext = 'changed data'  // bad, it can not work

   thissetData({

     text: 'changed data'

   })

 },

 changeNum: function() {    thisdatanum = 1

   thissetData({

     num: thisdatanum

   })

 },

 changeItemInArray: function() {    // you can use this way to modify a danamic data path

   thissetData({      'array[0]text':'changed data'

   })

 },

 changeItemInObject: function(){    thissetData({      'objecttext': 'changed data'

   });

 },

 addNewField: function() {    thissetData({      'newFieldtext': 'new data'

   })

 }

})

wxml:

<view>{{text}}</view><button bindtap="changeText"> Change normal data </button><view>{{num}}</view><button bindtap="changeNum"> Change normal num </button><view>{{array[0]text}}</view><button bindtap="changeItemInArray"> Change Array data </button><view>{{objecttext}}</view><button bindtap="changeItemInObject"> Change Object data </button><view>{{newFieldtext}}</view><button bindtap="addNewField"> Add new data </button>

以上就是关于微信小程序监听data数据变化(类似VUE中的watch)全部的内容，包括:微信小程序监听data数据变化(类似VUE中的watch)、小程序 setData 的详解、小程序 swipe-item标签携带的data-数据怎么通过change事件获取等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！