Vue子组件监听事件中传递参数的方法

时间:2022-03-19 08:32:38
在子组件中,我们可以通过以下方式监听事件:
v-on:click="$emit('funcName',a)"
如果需要传多个参数,可以通过以下方式:
v-on:click="$emit('funcName',{a,b...})"
父组件中通过自定义事件来监听子组件的事件
比如自定义事件名称childlistener
我们通过以下方式在父组件中进行监听:
v-on:childlistener="parentMethod($event)",$event就是子组件中传过来的参数

如果子组件传过来的是一个参数,则$event等于该参数,如果传过来的是一个对象,则$event为该对象,我们可以通过对象的方式获取对应的参数,如$event.a,$event.b ...