el-select的change事件传自定义参数

在Vue.js中，使用Element UI的el-select组件时，可以通过@change事件来监听选项的变化，并传递自定义参数。你可以在<el-select>标签中使用v-on:change或简写为@change来指定事件处理函数。

下面是一个简单的例子，演示如何在el-select的change事件中传递自定义参数：

<template>
  <el-select v-model="selected" @change="handleChange('customParam', $event)">
    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
  </el-select>
</template>
 
<script>
export default {
  data() {
    return {
      selected: '',
      options: [
        { label: '选项1', value: 'option1' },
        { label: '选项2', value: 'option2' },
        // ...更多选项
      ]
    };
  },
  methods: {
    handleChange(customParam, value) {
      console.log(customParam, value); // 输出 'customParam', 选中的option的value值
    }
  }
};
</script>

在这个例子中，handleChange是事件处理函数，它接受两个参数：一个自定义参数'customParam'和选中项的值$event。当el-select的选项变化时，handleChange会被调用，并会打印出自定义参数和当前选中的值。