本文主要是介绍nvue 中使用组件传值this.$emit不触发问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
使用uniapp开发,在nvue文件里面引用了一个公共组件,组件使用vue写的。组件里面使用了this.$emit。
问题
vue组件
getCoupon() {let couponId = this.item.couponIdthis.$emit('receive-Coupon',couponId)console.log("领取成功111");},
然后再nvue里面进行引用
<coupon :item="item" :currentState="0" @receive-Coupon="receiveCoupon"></coupon>
该方法没有生效,之后查阅资料发现,nvue里面不能使用receive-Coupon方法。所以就改成了receiveCoupon。测试之后正常调用。
解决
vue文件
getCoupon() {let couponId = this.item.couponIdthis.$emit('receiveCoupon',couponId)console.log("领取成功111");},
nvue文件
<coupon :item="item" :currentState="0" @receiveCoupon="receiveCoupon"></coupon>
这篇关于nvue 中使用组件传值this.$emit不触发问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!