具有内部和外部参数的 Vue 事件监听器

Question

如何同时向事件监听器添加内部和外部参数？

<myComp @do="wrapDo($event, 5)"></myComp>

function wrapDo(objectFromComp, myIntegerParameter){

    // objectFromComp is okey :)

    // myIntegerParameter is undefined :(

}

在myComp.vue：

this.$emit('do', { text: "return object from component"} );

我尝试过这个但得到undefined：

@do="x => wrapDo(x, 5)"

Answer 1

它应该可以正常工作，只需确保您在以下位置具有该功能methods：Vue.component('mycomp', {&nbsp; template: `&nbsp; <div>&nbsp; &nbsp; <button @click="$emit('do', { text: 'return object from component'})">Emit</button>&nbsp; </div>&nbsp; `})new Vue({&nbsp; el: "#app",&nbsp; methods: {&nbsp; &nbsp; wrapDo(objectFromComp, myIntegerParameter) {&nbsp; &nbsp; &nbsp; console.log(objectFromComp, myIntegerParameter);&nbsp; &nbsp; }&nbsp; },});<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script><div id="app">&nbsp; <mycomp @do="wrapDo($event, 5)"></mycomp></div>