this.$emit传递多个参数

在Vue.js中，使用`this.$emit`可以触发自定义事件，并传递参数给父组件。如果你想传递多个参数，你可以将它们封装在一个对象中，然后将这个对象作为第二个参数传递给`this.$emit`方法。

以下是一个示例代码：

// 子组件
methods: {
  handleClick() {
    const params = {
      param1: 'value1',
      param2: 'value2',
      param3: 'value3'
    };
    this.$emit('customEvent', params);
  }
}

// 父组件
<template>
  <div>
    <child-component @customEvent="handleCustomEvent"></child-component>
  </div>
</template>

<script>
export default {
  methods: {
    handleCustomEvent(params) {
      console.log(params.param1); // 输出'value1'
      console.log(params.param2); // 输出'value2'
      console.log(params.param3); // 输出'value3'
    }
  }
}
</script>

在子组件中，通过调用`this.$emit('customEvent', params)`来触发名为`customEvent`的自定义事件，并将包含多个参数的对象`params`作为参数传递给父组件。

在父组件中，使用`@customEvent="handleCustomEvent"`监听子组件的自定义事件，并在`handleCustomEvent`方法中接收传递过来的参数对象。使用`params.param1`、`params.param2`、`params.param3`来访问传递的参数值。

这样，你就可以通过`this.$emit`传递多个参数给父组件了。