el-select设置选中数据
时间: 2023-07-24 22:09:43 浏览: 158
要在 `el-select` 组件中设置选中数据,需要使用 `v-model` 绑定选中值,并将其赋值为要选中的数据。如果是多选的 `el-select`,则需要将选中值赋值为数组。例如:
```html
<el-select v-model="selectedOptions" multiple>
<el-option label="Option 1" value="option1"></el-option>
<el-option label="Option 2" value="option2"></el-option>
<el-option label="Option 3" value="option3"></el-option>
</el-select>
```
```javascript
data() {
return {
selectedOptions: ['option1', 'option3']
}
}
```
以上代码将 `Option 1` 和 `Option 3` 选中了。
如果是单选的 `el-select`,则需要将选中值赋值为单个数据。例如:
```html
<el-select v-model="selectedOption">
<el-option label="Option 1" value="option1"></el-option>
<el-option label="Option 2" value="option2"></el-option>
<el-option label="Option 3" value="option3"></el-option>
</el-select>
```
```javascript
data() {
return {
selectedOption: 'option2'
}
}
```
以上代码将 `Option 2` 选中了。
阅读全文