el-selectchange事件拿到之前的值
时间: 2024-05-15 20:10:27 浏览: 21
el-select组件中的change事件在选项变化时会触发。如果想要获取变化之前的值,可以使用v-model绑定数据并在change事件中通过参数$event来获取之前的值,具体操作可以参考以下示例代码:
```
<el-select v-model="selectedValue" @change="handleChange($event, preSelectedValue)">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
...
data() {
return {
options: [
{ value: 'option1', label: 'Option 1' },
{ value: 'option2', label: 'Option 2' },
{ value: 'option3', label: 'Option 3' }
],
selectedValue: '',
preSelectedValue: '' // 记录上一次选中的值
}
},
methods: {
handleChange(newValue, preValue) {
console.log('变化之前的值:', preValue)
console.log('变化之后的值:', newValue)
this.preSelectedValue = this.selectedValue // 更新preSelectedValue的值
}
}
```
在上述代码中,我们通过在data中定义preSelectedValue属性来记录上一次选中的值,在change事件中将preSelectedValue作为第二个参数传递进去,即可在事件处理函数中获取之前的值。