javascript - 如何处理在 vueJS 2 中使用 $emit 传递的参数？

Question

我是 VueJS 的新手。我想在模糊时发出自定义事件。我成功地做到了，但是发现很难在我的根 Vue 实例中捕获通过 emit 传递的参数。我该怎么做？

<div id = "root">
    <coupon @applied = "checkApplied()"></coupon>
    <p v-if = "showText">Coupon code successfully applied</p>
</div>

Vue.component('coupon',{
    template : `
        <input type = "text" placeholder = "Enter the coupon" @blur="checkApplied($event.target.value)">
        `,

    methods : {
        checkApplied(value){
            console.log(value);
            this.$emit('applied',[value]);
        }
    }
});
var app = new Vue({
    el : '#root',
    data : {
        showText : false,

    },

    methods : {
        checkApplied(value){
            console.log(value);
            this.showText = true;
        }
    },

    }

})

如您所见，应用事件何时发出，我将其传递给函数，现在我如何传递从@applied 获得的参数并将其传递给 checkApplied()。我确实试过了，但没有成功 @applied = checkApplied(value)

Answer 1

而不是 @applied=checkApplied(value) 你需要做 @applied=checkApplied($event)