好资源导航 » 文章资讯 » 微信小程序 this.triggerEvent()的具体使用

微信小程序 this.triggerEvent()的具体使用

2023-08-04 18:15:04 533

在对组件进行封装时在当前页面想要获取组件中的某一状态，需要使用到this.triggerEvent('',{},{}),第一个参数是自定义事件名称，这个名称是在页面调用组件时bind的名称，第二个对象就可以将想要的属性拿到，第三个参数文档中有介绍，有机会再做补充。

在这个demo中like组件是我要封装的组件，在classic.wxml中调用的：

组件like.vue的页面是这样写的：



{{count}}

组件的like.js中methods是这样写的：

methods:{
onLike(event){
letlike=this.properties.like;
letcount=this.properties.count;
count=like?count-1:count+1;
this.setData({
like:!like,
count
})
letbehavior=this.properties.like?"like":"cancel";
this.triggerEvent('like',{
behavior
},{})
}
}

那么在classic.wxml中调用组件：

这里要注意bind:后面的like是this.triggerEvent()的第一个参数，自定义事件名称

classic.js中onlike就可以实现页面对组件属性的获取：

onLike:function(event){
console.log(event)
}

event.detail.behavior就可以拿到是不是喜欢的属性了。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

微信小程序 this.triggerEvent()的具体使用

热门推荐

随机推荐