iview select 多选反显
时间: 2023-09-11 12:03:50 浏览: 80
ios pickview 多选
您可以使用 `v-model` 属性来实现 `iview` 的 `Select` 组件的多选反显功能。
首先,给 `Select` 组件添加 `v-model`,将一个数组绑定到 `v-model` 上,于存储选中的值:
```html
<template>
<Select v-model="selectedValues" multiple>
<!-- 下拉选项 -->
</Select>
</template>
<script>
export default {
data() {
return {
selectedValues: [], // 存储选中的值的数组
};
},
};
</script>
```
接下来,在组件的 `mounted` 钩子中,通过 `this.selectedValues` 数组向 `Select` 组件添加默认选中的值:
```html
<template>
<Select v-model="selectedValues" multiple>
<!-- 下拉选项 -->
</Select>
</template>
<script>
export default {
data() {
return {
selectedValues: [], // 存储选中的值的数组
};
},
mounted() {
// 设置默认选中的值
this.selectedValues = ['option1', 'option2', 'option3'];
},
};
</script>
```
这样,`Select` 组件在初始化时会自动将 `selectedValues` 数组中的值进行反显。
请根据您的实际需求修改代码中的选项值和默认选中的值。希望能对您有所帮助!如果还有其他问题,请随时提问。
阅读全文