element清空下拉框选中的值
时间: 2023-10-15 10:02:48 浏览: 117
可以使用 `v-model` 指令来绑定下拉框的选中值,并在需要清空选中值时将 `v-model` 绑定的变量设置为 `null` 或 `''`。
示例代码如下:
```html
<template>
<el-select v-model="selectedValue" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
<el-button @click="clearSelectedValue">清空选中值</el-button>
</template>
<script>
export default {
data() {
return {
options: [
{ label: '选项A', value: 'a' },
{ label: '选项B', value: 'b' },
{ label: '选项C', value: 'c' },
],
selectedValue: '', // 绑定选中值的变量
};
},
methods: {
clearSelectedValue() {
this.selectedValue = ''; // 清空选中值
},
},
};
</script>
```
阅读全文