vue组件怎么传两个参数参数名称 oucherGroupId voucherIdList

在Vue组件中传递两个参数可以使用props属性。首先，在组件的props属性中声明两个参数名称：oucherGroupId和voucherIdList。然后，在使用组件的地方通过属性的方式传递参数值。

例如，假设有一个名为MyComponent的Vue组件，需要传递参数oucherGroupId和voucherIdList，可以按如下方式进行操作：

<template>
  <div>
    <!-- 在组件中使用参数 -->
    <p>oucherGroupId: {{ oucherGroupId }}</p>
    <p>voucherIdList: {{ voucherIdList }}</p>
  </div>
</template>

<script>
export default {
  props: {
    // 声明参数名称
    oucherGroupId: {
      type: Number,
      required: true
    },
    voucherIdList: {
      type: Array,
      required: true
    }
  }
}
</script>

然后，在使用该组件的地方，可以通过属性的方式传递参数值：

<template>
  <div>
    <!-- 使用组件，并传递参数 -->
    <my-component :oucherGroupId="123" :voucherIdList="[1, 2, 3]"></my-component>
  </div>
</template>

<script>
import MyComponent from './MyComponent.vue'

export default {
  components: {
    MyComponent
  }
}
</script>

这样，在MyComponent组件中，可以通过this.oucherGroupId和this.voucherIdList访问到传递的参数值