element ui select 默认展开
时间: 2023-07-17 19:09:12 浏览: 89
vue使用ElementUI时导航栏默认展开功能的实现
在 element-ui 中使用 select 组件,可以通过给 v-model 赋初始值来设置默认值。比如,如果要设置默认值为 'A',可以在 select 组件上使用 v-model="selectedValue" 并在 data 中定义 selectedValue: 'A'。
示例代码:
```
<template>
<el-select v-model="selectedValue">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
selectedValue: 'A',
options: [{
value: 'A',
label: 'Option A'
}, {
value: 'B',
label: 'Option B'
}, {
value: 'C',
label: 'Option C'
}]
}
}
}
</script>
```
注意:在实际使用中,可能需要将 options 数据从后台获取。
阅读全文