el-select获取旧值
时间: 2024-01-25 14:12:42 浏览: 263
获取select的值
el-select组件无法直接获取旧值,因为在点击切换选项后,v-model的值已经改变了。change事件取到的值也是新选项的值。el-select所支持的方法中也无法获取旧值。如果需要获取旧值,可以通过其他方式来实现,例如使用一个变量来保存旧值,然后在change事件中更新旧值。
以下是一个示例代码,演示如何通过保存旧值来获取el-select的旧值:
```html
<template>
<el-select v-model="selectedValue" @change="handleChange">
<el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
selectedValue: '',
oldValue: ''
};
},
methods: {
handleChange(newValue) {
this.oldValue = this.selectedValue;
this.selectedValue = newValue;
console.log('旧值:', this.oldValue);
console.log('新值:', this.selectedValue);
}
}
};
</script>
```
在上述代码中,我们使用了一个变量`oldValue`来保存el-select的旧值。在change事件中,我们先将旧值更新为当前选中的值,然后再将选中的值更新为新值。这样就可以通过`oldValue`来获取el-select的旧值。
阅读全文