一。作用:用于监听和响应任何属性和数据字段的变化
二。限制:
1.小程序基础库2.6.1开始支持
2.只能在自定义组建中使用,再页面中无法使用
三。使用
1.自定义组件的properties中的数据属性文章来源:https://www.toymoban.com/news/detail-621660.html
Component({
/**
* 组件的属性列表
*/
data: {},
properties: {
obj: {
type: Object,
value: {},
observer(newVal,oldVal) {// 数据监听. 可拿到最新的值和上一次的值
console.log("newVal", newVal);
},
},
},
});
2.跟data同级,可监听data和props内的数据。‘ ** ’为通配符,可监听所有数据变动文章来源地址https://www.toymoban.com/news/detail-621660.html
Component({
properties: {
arrList: {
type: Array,
value: [],
},
},
data: {
dataVal:'',
name:'章三'
},
observers: {
dataVal: function (newVal) {//监听dataVal变动
console.log(newVal)
},
arrList: function (newVal) {//监听arrList变动
console.log(newVal)
},
'**': function() {// 每次 setData 都触发。监听所有数据变化
console.log(this.data)
},
//多个监听
'dataVal,name'(dataVal,name){
}
},
});
到了这里,关于微信小程序组建监听observers的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!