微信小程序在组件中实现watch功能
·
在Component组件中如何实现侦听属性:
(1)如何创建组件:components\spinner\新建Component
(2)在使用组件的页面的json文件中:
{
"usingComponents":{
"组件名":"组件的路径"
"spinner":"../../components/spinner/spinner"
}
}
(3)小程序的component组件支持observers选项:
Component({
properties:{}, // 设置从父组件传递过来的数据
data:{}, // 设置组件内部需要用到的数据
observers:{ // 设置组件的侦听属性
count(newValue){
this.setData({
total:newValue*this.data.price
})
}
},
methods:{} // 设置组件的方法
})
(4)最终组件内部的total变量的结果需要传递给父组件:
原理:和Vue一致,通过调用父组件的自定义事件来实现。
父组件绑定自定义事件:<spinner bind:custom="countCustom"></spinner>
子组件触发父组件的自定义事件:this.triggerEvent("custom",this.data.total);
更多推荐
所有评论(0)