el-select 多选value是字符串1
时间: 2024-01-05 07:12:01 浏览: 267
element-ui 远程搜索组件el-select在项目中组件化的实现代码
对于多选的 `<el-select>` 组件,`value` 属性可以接受一个字符串数组作为值。你可以将选中的选项的值组成一个数组,然后将该数组赋值给 `value` 属性。例如:
```html
<el-select v-model="selectedValues" multiple>
<el-option label="Option 1" value="1"></el-option>
<el-option label="Option 2" value="2"></el-option>
<el-option label="Option 3" value="3"></el-option>
</el-select>
```
然后在 Vue 实例中,定义 `selectedValues` 数组来存储选中的值:
```javascript
data() {
return {
selectedValues: [] // 初始为空数组
};
}
```
当用户选择某个选项后,`selectedValues` 数组会自动更新,包含被选中的选项的值。请确保 `value` 属性和选项的 `value` 值对应,以便正确地更新选中的值。
阅读全文