elementui 多个select 设置默认值
时间: 2023-09-03 21:09:56 浏览: 89
element-ui中的select下拉列表设置默认值方法
可以使用 `v-model` 绑定每个 `el-select` 的值,然后在组件的 `mounted` 钩子中设置每个 `el-select` 的默认值。
例如,如果有两个 `el-select`,可以这样设置默认值:
```html
<template>
<div>
<el-select v-model="select1" placeholder="Select 1">
<el-option label="Option 1-1" value="1"></el-option>
<el-option label="Option 1-2" value="2"></el-option>
</el-select>
<el-select v-model="select2" placeholder="Select 2">
<el-option label="Option 2-1" value="1"></el-option>
<el-option label="Option 2-2" value="2"></el-option>
</el-select>
</div>
</template>
<script>
export default {
data() {
return {
select1: '',
select2: ''
}
},
mounted() {
// 设置默认值
this.select1 = '1';
this.select2 = '2';
}
}
</script>
```
这样,在组件加载完成后,`select1` 的默认值就是 `1`,`select2` 的默认值就是 `2`。
阅读全文