vue2中,element的el-select组件如何增加自定义参数传递
时间: 2024-02-20 18:00:01 浏览: 107
Vue + Element-ui的下拉框el-select获取额外参数详解
在Vue2中,可以使用v-bind指令将自定义参数绑定到el-select组件上,然后在change事件处理程序中访问它。
例如,假设你想将一个名为“customParam”的变量传递给change事件处理程序,可以这样写:
```
<el-select v-model="selectedValue" @change="handleChange" :custom-param="customParam">
<!-- select options -->
</el-select>
```
然后在Vue组件中定义handleChange方法和customParam变量,如下所示:
```
export default {
data() {
return {
selectedValue: "",
customParam: "some custom data"
};
},
methods: {
handleChange(event) {
const data = event;
const customData = this.$attrs["custom-param"];
// 处理change事件,并使用customParam
console.log(data, customData);
}
}
};
```
在这个例子中,我们使用v-bind指令将customParam变量绑定到el-select组件上,并将其传递给handleChange方法。在事件处理程序中,我们可以使用event来获取select选中的值,同时通过this.$attrs["custom-param"]来获取自定义参数的值。注意,我们不需要在方法中传递参数,因为我们在el-select组件上绑定了customParam。
阅读全文