使用场景
当子组件选中状态改变时,父组件实时收到子组件修改后的选中状态值
第一步:在父组件中绑定事件
// 父组件 wxml 中 子组件为 t-phone-first
<t-phone-first bind:checkedagree="onCheckedAgree" content="{{firstGroup}}"/>
绑定bind:checkedagree事件,并且在js中定义onCheckedAgree
// 父组件 js中
onCheckedAgree:async function(e){
console.log(e.detail,"接收子组件传来内容")
},
第二步:子组件修改checked时触发
// 修改协议选中状态
changeAgree:async function(){
// 修改当前值,并传给父组件
this.setData({
checked: !this.data.checked
})
let myEventOption = {
check:this.data.checked
}
this.triggerEvent('checkedagree',myEventOption) //调用 this.triggerEvent事件,传递父组件定义的事件名,以及子组件想要给父组件传递的值
},
这样一份子组件给父组件传值的基本功能就实现啦,其他按照场景尽情尝试吧
总结用法,希望可以帮助到你,
我是Ably,你无须超越谁,只要超越昨天的自己就好~