vue组件怎么传两个参数参数名称 参数说明 请求类型 是否必须 数据类型 voucherGroupId voucherIdList

在Vue组件中传递多个参数，可以通过props属性来实现。

首先，在父组件中使用子组件时，通过props属性将参数传递给子组件。在父组件的template中，可以使用v-bind指令将参数绑定到子组件的props上。

例如，在父组件中使用子组件时，可以这样传递参数：

<template>
  <div>
    <child-component 
      :voucherGroupId="voucherGroupId" 
      :voucherIdList="voucherIdList"
    ></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  data() {
    return {
      voucherGroupId: 1,
      voucherIdList: [1, 2, 3]
    }
  },
  components: {
    ChildComponent
  }
}
</script>

然后，在子组件中，可以通过props属性定义接收参数的名称和数据类型。

例如，在子组件的script中，可以这样接收参数：

<script>
export default {
  props: {
    voucherGroupId: {
      type: Number,
      required: true
    },
    voucherIdList: {
      type: Array,
      required: true
    }
  },
  // 其他组件逻辑
}
</script>

在上面的例子中，子组件通过props接收了两个参数voucherGroupId和voucherIdList，voucherGroupId的数据类型为Number，voucherIdList的数据类型为Array，并且这两个参数都是必需的。

通过以上步骤，你就可以在Vue组件中传递多个参数了