在这个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(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

热门推荐

免责声明:网站资源来源于网络,如有侵权,请及时联系删除。

Copyright © 2024 微客导航网. All Rights Reserved.

蜀ICP备2021004611号-4 网站地图