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)

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

1 个答案: