vue $emit抛出多个参数
时间: 2023-10-21 10:21:32 浏览: 132
在Vue中,你可以使用`$emit`方法来抛出一个自定义事件,并且可以传递多个参数。下面是一个示例:
```javascript
// 子组件
<template>
<button @click="emitEvent">触发事件</button>
</template>
<script>
export default {
methods: {
emitEvent() {
// 传递多个参数
this.$emit('custom-event', arg1, arg2, arg3);
}
}
}
</script>
// 父组件
<template>
<div>
<child-component @custom-event="handleEvent"></child-component>
</div>
</template>
<script>
export default {
methods: {
handleEvent(arg1, arg2, arg3) {
// 在父组件中接收多个参数
console.log(arg1, arg2, arg3);
}
}
}
</script>
```
在上面的例子中,子组件通过`this.$emit`方法触发了一个名为"custom-event"的自定义事件,并传递了三个参数arg1、arg2和arg3。父组件中使用`@custom-event`监听了这个事件,并在处理函数`handleEvent`中接收并打印了这三个参数。你可以根据自己的需求传递任意数量的参数。
阅读全文