element一个下拉框的值改变后清空另一个下拉框
时间: 2024-06-09 07:04:53 浏览: 75
下拉框值触发另一个下拉框
4星 · 用户满意度95%
可以通过监听第一个下拉框的值改变事件,在事件处理函数中清空第二个下拉框的值。具体代码如下:
```html
<el-select v-model="selectedValue1" @change="handleSelect1Change">
...
</el-select>
<el-select v-model="selectedValue2">
...
</el-select>
```
```javascript
data() {
return {
selectedValue1: '',
selectedValue2: ''
}
},
methods: {
handleSelect1Change() {
this.selectedValue2 = '' // 清空第二个下拉框的值
}
}
```
当第一个下拉框的值改变时,会触发 `handleSelect1Change` 方法,该方法会将第二个下拉框的值清空,达到清空效果。
阅读全文