1234562.在触发事件的处理函数中执行triggerEvent方法(子组件js) methods: { clickTopBarz..._js triggerevent 传参">
当前位置:   article > 正文

微信组件:子组件向父组件传递参数_js triggerevent 传参

js triggerevent 传参

思路通过子组件的triggerEvent()方法传地参数,只能通过子组件触发事件执行该方法

1.给子组件绑定,tap事件(子组件HTML)

<text bindtap="clickTopBarz" >123456</text>

2.在触发事件的处理函数中执行triggerEvent方法(子组件js)

  1. methods: {
  2. clickTopBarz(){
  3. this.triggerEvent('clickTopBar','110')
  4. }
  5. }

3.父组件绑定子组件定义的事件(父组件HTML)

 <topbar bind:clickTopBar="clickme"/>

4.在父组件的处理函数clickme中,通过e.detail获取子组件的参数

  1. clickme(e){
  2. console.log('-------父组件中的点击事件--------')
  3. console.log(e)
  4. console.log('-------------子组件传递过来的值--------------------');
  5. console.log(e.detail)
  6. },

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/298417
推荐阅读
相关标签
  

闽ICP备14008679号