微信小程序 - this.triggerEvent()
组件之间数据通信
调用组件wxml
bind+组件内的方法名
1 2 3 | <dialog bindclose= "handleClose" bindopen= "handleOpen" bindconfirm= "handleConfirm" > </dialog> |
调用组件js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | // 打开 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
1 2 3 4 5 6 7 8 9 10 | methods: { close() { this .closedialog(); this .triggerEvent( 'close' ); }, confirm() { this .closedialog(); this .triggerEvent( 'confirm' ); } } |
传递参数呢?
1 2 3 | <dialog data-model= "dialogConfig.dialogvisible" data-ok= "okok" > </dialog> |
详情参考知乎VUE文档:https://www.jianshu.com/p/8b1c8609bbab
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现