el-select change事件获取旧值
时间: 2023-10-31 13:59:36 浏览: 797
获取select的值
在 el-select 组件中,可以通过监听 change 事件来获取旧值。在事件处理函数中,可以通过 event 参数的 oldValue 属性来获取旧值。
示例代码如下:
```html
<template>
<el-select v-model="selectedValue" @change="handleChange">
<el-option v-for="item in options" :key="item.value" :value="item.value" :label="item.label"></el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
selectedValue: '',
options: [
{ value: 1, label: 'Option 1' },
{ value: 2, label: 'Option 2' },
{ value: 3, label: 'Option 3' }
]
};
},
methods: {
handleChange(event) {
const oldValue = event.oldValue;
console.log('旧值:', oldValue);
}
}
};
</script>
```
在上面的示例中,当 el-select 组件的值发生变化时,会调用 handleChange 方法,并将 event 对象作为参数传入。通过访问 event.oldValue 属性,即可获取旧值。你可以根据需要在 handleChange 方法中进行相应的处理。
阅读全文