苏省住房和城乡建设厅网站首页,哪些网站用天平做logo,嵌入式培训,广东网站备案网站建设方案书目录
一、数据监听器的概念
二、数据监听器的案例 一、数据监听器的概念 数据监听器用于监听和响应任何属性和数据字段的变化#xff0c;从而执行特定的操作。他的作用类似于vue中的watch侦听器。在小程序组件中#xff0c;数据监听器的基本语法格式如下从而执行特定的操作。他的作用类似于vue中的watch侦听器。在小程序组件中数据监听器的基本语法格式如下 observers:{a,b:function(a,b){ //a,b表示变化的值函数中的参数你可以自己起名字//逻辑}} 二、数据监听器的案例 给两个数字点击对应的按钮加一并显示两数相加的值 // components/new1/new1.js
Component({/*** 组件的属性列表*/properties: {},/*** 组件的初始数据*/data: {a:0,b:0,c:0},/*** 组件的方法列表*/methods: {add1(){this.setData({a:this.data.a1})},add2(){this.setData({b:this.data.b1})}},observers:{a,b:function(a,b){this.setData({c:ab})}}
})//wxml
!--components/new1/new1.wxml--
viewa{{a}}/view
viewb{{b}}/viewbutton typeprimary bind:tapadd1a1/button
button typeprimary bind:tapadd2b1/buttonview{{a}}{{b}}{{c}}/view
