iview select 多选怎么清空
时间: 2023-08-01 19:13:07 浏览: 180
要清空 iView Select 组件的多选,可以通过以下两种方式实现:
1. 代码方式:
可以通过给 Select 组件的 v-model 绑定一个空数组来清空多选:
```html
<template>
<Select v-model="selectedOptions" mode="multiple">
<!-- options -->
</Select>
<Button type="primary" @click="clearSelectedOptions">清空</Button>
</template>
<script>
export default {
data() {
return {
selectedOptions: []
}
},
methods: {
clearSelectedOptions() {
this.selectedOptions = []
}
}
}
</script>
```
2. UI 操作方式:
点击 Select 组件右侧的清空按钮可以清空多选。
```html
<template>
<Select v-model="selectedOptions" mode="multiple" clearable>
<!-- options -->
</Select>
</template>
<script>
export default {
data() {
return {
selectedOptions: []
}
}
}
</script>
```
阅读全文