微信小程序 - this.triggerEvent()

组件之间数据通信

调用组件wxml

bind+组件内的方法名

  <dialog  bindclose="handleClose" bindopen="handleOpen" bindconfirm="handleConfirm"></dialog>

调用组件js

  // 打开handleOpen: function() {wx.showToast({title: 'open dialog',icon: 'none'})},//  确认handleConfirm: function() {wx.showToast({title: 'confirm',icon: 'none'})},// 取消handleClose: function() {wx.showToast({title: 'close dialog',icon: 'none'})}

组件内的js

 methods: { close() {this.closedialog();this.triggerEvent('close');}, confirm() {this.closedialog();this.triggerEvent('confirm');}}

传递参数呢？

<dialog data-model="dialogConfig.dialogvisible" data-ok="okok"></dialog>

详情参考知乎VUE文档：https://www.jianshu.com/p/8b1c8609bbab

转载于:https://www.cnblogs.com/cisum/p/10230056.html

微信小程序 - this.triggerEvent()相关推荐

微信小程序this.triggerEvent(),父组件中使用子组件的事件
官方搜索组件 searchbar.(这里我只拿取用到的input框) <input type="text" class="weui-search-bar__inpu ...
event trigger php,微信小程序 this.triggerEvent()的具体使用
在对组件进行封装时在当前页面想要获取组件中的某一状态,需要使用到this.triggerEvent(' ',{},{}),第一个参数是自定义事件名称,这个名称是在页面调用组件时bind的名称,第二个 ...
微信小程序 - this.triggerEvent() 组件通信
调用组件wxml bind+组件内的方法名 <dialog bindclose="handleClose" bindopen="handleOpen" b ...
小程序triggerevent 传参_微信小程序——无限递归的层次列表
--上礼拜踩的坑 1.关于为什么不直接操作DOM对象? 因为微信小程序里没有document对象. 2.为什么坑了这多时间? 因为之前看了个过期的帖子,完美避开了解决方案. 下面进入正文,需求是在微信 ...
微信小程序自定义组件之Picker组件
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 需求: 通过JS条件判断,满足条件就弹出Picker给用户选择一个数组里面的数据. 有些朋友可能会有疑问: 1 ...
微信小程序之圆形进度条（自定义组件）
前言昨天在微信小程序实现了圆形进度条,今天想把这个圆形进度条做成一个组件,方便以后直接拿来用. 根据官方文档自定义组件一步一步来创建自定义组件第一步创建项目结构打开微信开发者工具创建一个项目, ...
微信小程序组件间通信（二）
2019独角兽企业重金招聘Python工程师标准>>> 一.微信小程序中通过事件,实现子组件向父组件中传递数据或操作注:子组件向父组件中传递通过事件传递操作通过事件参数对象det ...
列表对象转数组微信小程序_微信小程序——无限递归的层次列表
--上礼拜踩的坑 1.关于为什么不直接操作DOM对象? 因为微信小程序里没有document对象. 2.为什么坑了这多时间? 因为之前看了个过期的帖子,完美避开了解决方案. 下面进入正文,需求是在微信 ...
微信小程序自定义授权弹框
微信小程序自定义授权弹框最近微信获取用户信息的接口有调整,就是这货:wx.getUserInfo(OBJECT),文档描述如下: 此接口有调整,使用该接口将不再出现授权弹窗,请使用 <butt ...

微信小程序 - this.triggerEvent()

组件之间数据通信

微信小程序 - this.triggerEvent()相关推荐

最新文章

热门文章