酷下载
手机版
扫描查看手机站
全站导航

win7

win8

win10

浏览器

系统百科

特色栏目

首页 win7系统 win8系统 Win10系统 软件下载 手游下载 手机软件 文章教程 专题
当前位置： 首页 > 软件教程 > this.triggerEvent()怎么用

this.triggerEvent()怎么用

时间：2018-12-06 来源：酷下载 作者：江南烟雨

this.triggerEvent(' ',{},{})是在对组件进行封装时用到的程序语言，第一个参数是自定义事件名称，这个名称是在页面调用组件时bind的名称，第二个对象就可以将想要的属性拿到，第三个参数文档中有介绍，下面小编就为大家带来this.triggerEvent()用法教学，感兴趣的小伙伴快来看看吧。

this.triggerEvent()用法：

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

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

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

methods: {

onLike(event) {

let like = this.properties.like;

let count = this.properties.count;

count = like ? count - 1 : count + 1;

this.setData({

like: !like,

count

})

let behavior = this.properties.like ? "like" : "cancel";

this.triggerEvent('like', {

behavior

}, {})

}

}

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

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

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

onLike: function(event) {

console.log(event)

}

转载自：给我小鱼干

以上就是小编为大家带来的this.triggerEvent()用法教学，希望能对您帮助，更多系统相关教程请关注酷下载！

相关文章
最新更新
热门教程
下载排行

最新专题

本站发布的系统与软件均来源于互联网中，仅供个人学习测试使用，请在下载后24小时内删除，不得用于任何商业用途，否则后果自负，请支持购买微软正版软件！如侵犯到您的权益,请及时通知我们,我们会及时处理。

Copyright©2018 酷下载（www.jobkoo.com） 版权所有 阳泉市矿区腾盛达网络科技工作室 晋ICP备2022005768号-1举报入口

举报信息框
举报