nvue 中使用组件传值this.$emit不触发问题

本文主要是介绍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不触发问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---