vue3中，element的el-select组件如何增加自定义参数传递

在Vue3中，可以使用v-bind指令将自定义参数绑定到el-select组件上，然后在change事件处理程序中访问它。

例如，假设你想将一个名为“customParam”的变量传递给change事件处理程序，可以这样写：

<el-select v-model="selectedValue" @change="handleChange" v-bind:custom-param="customParam">
  <!-- select options -->
</el-select>

然后在Vue组件中定义handleChange方法和customParam变量，如下所示：

setup() {
  const selectedValue = ref("");
  const customParam = ref("some custom data");

  const handleChange = (event) => {
    const data = event.target.value;
    const customData = event.target.getAttribute("custom-param");
    // 处理change事件，并使用customParam
    console.log(data, customData);
  };

  return { selectedValue, customParam, handleChange };
}

在这个例子中，我们使用v-bind指令将customParam变量绑定到el-select组件上，并将其传递给handleChange方法。在事件处理程序中，我们可以使用event.target.value来获取select选中的值，同时通过event.target.getAttribute("custom-param")来获取自定义参数的值。注意，我们不需要在方法中传递参数，因为我们在el-select组件上绑定了customParam。