小程序原生组件调用mpvue父组件方法

曹天骄

于 2020-01-05 20:52:28 发布

阅读量504

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/solocao/article/details/103847290

21 篇文章

订阅专栏

本文介绍了一种在小程序中实现子组件与父组件通信的方法，通过子组件内部调用triggerEvent来触发自定义事件，父组件监听该事件并执行相应函数。此方法适用于小程序原生子组件与mpvue框架下组件间的交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过triggerEvent实现

1、小程序原生子组件

 methods: {
   markertap () {
     console.log('子组件内部点击')
     this.triggerEvent('markertap')
   }
}

2、mpvue父组件

<marker-map id="marker-map" @markertap="makertap"></marker-map>

methods: {
  markertap () {
    console.log('父组件外部点击')
  }
}