this.triggerEvent()用法

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

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

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

<view bind:tap="onLike" class="container"> <image src="{{like?yesSrc:noSrc}}" /> <text>{{count}}</text> </view>

组件的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 }, {}) } }

那么在classic.wxml中调用组件：
这里要注意bind:后面的like是this.triggerEvent()的第一个参数，自定义事件名称

<v-like bind:like="onLike" like="{{classicData.like_status}}" count="{{classicData.fav_nums}}"/>

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

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

image.png

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

作者：給我小鱼干
链接：https://www.jianshu.com/p/8b1c8609bbab
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

转载于:https://www.cnblogs.com/xiaocaiyuxiaoniao/p/10215018.html

this.triggerEvent()用法相关推荐

PB中TriggerEvent用法详解 .
TriggerEvent 函数作用:触发指定对象的指定事件,并且立即执行该事件中的脚本.注意该函数和PostEvent的区别.PostEvent不是立即执行,TriggerEvent是立即执行触发事件 ...
PB中TriggerEvent用法详解
TriggerEvent 函数作用:触发指定对象的指定事件,并且立即执行该事件中的脚本.注意该函数和PostEvent的区别.PostEvent不是立即执行,TriggerEvent是立即执行触发事件 ...
TriggerEvent的动态用法
TriggerEvent 函数作用:触发指定对象的指定事件,并且立即执行该事件中的脚本.注意该函数和PostEvent的区别.PostEvent不是立即执行,TriggerEvent是立即执行触发事件 ...
微信小程序开发的基本用法
微信小程序开发的基本用法 1.数组或对象的遍历 1.1.数组遍历 wx:for="{{数组或对象}}" wx:for-item="循环项的名称" wx:for- ...
PowerBuilder常用函数功能和用法解析
郭宝利先生在他的帮助文档里总结的一个系统用到的所有函数,他们也是软件开发中常用的,为了方便查阅,我把这些函数按照字母顺序进行了整理并添加了使用方法,方便我和一些其他的初学者学习使用: 1.Accept ...
小程序 triggerEvent 使用
在对组件进行封装时在当前页面想要获取组件中的某一状态,需要使用到this.triggerEvent(' ',{},{}),第一个参数是自定义事件名称,这个名称是在页面调用组件时bind的名称,第二个 ...
【PB】TriggerEvent()/Event()/PostEvent()有什么不同
TriggerEvent()/Event()/PostEvent()有什么不同在PB中经常要从一个事件中调用另外一个事件,常用的就是这几个函数 event把被调用事件放在最后面处理,可以带参数,也可 ...
c语言中external，static关键字用法
static用法: 在C中,static主要定义全局静态变量.定义局部静态变量.定义静态函数. 1.定义全局静态变量:在全局变量前面加上关键字static,该全局变量变成了全局静态变量.全局静态变量有 ...
Pandas_transform的用法
先来看一个实例问题. 如下销售数据中展现了三笔订单,每笔订单买了多种商品,求每种商品销售额占该笔订单总金额的比例.例如第一条数据的最终结果为:235.83 / (235.83+232.32+107.9 ...

this.triggerEvent()用法

this.triggerEvent()用法相关推荐

最新文章

热门文章