微信小程序 - this.triggerEvent

微信小程序 - this.triggerEvent,第1张

微信小程序 - 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

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/586688.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-12
下一篇 2022-04-12

发表评论

登录后才能评论

评论列表(0条)

保存