使用uniapp开发,在nvue文件里面引用了一个公共组件,组件使用vue写的。组件里面使用了this.$emit。
问题
vue组件
getCoupon() {
let couponId = this.item.couponId
this.$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.couponId
this.$emit('receiveCoupon',couponId)
console.log("领取成功111");
},
nvue文件
<coupon :item="item" :currentState="0" @receiveCoupon="receiveCoupon"></coupon>