<div class="rember"> <el-checkbox v-model="checked">{{ $t("login.jzmm") }}</el-checkbox> <el-select v-model="value" @change="changeLang" class="language"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" > </el-option> </el-select> </div>options: [ { value: "zh", label: "中文", }, { value: "en", label: "English", }, 怎么默认选择第一个 ],
时间: 2024-02-14 16:25:54 浏览: 131
neo4j-community-3.65.2银河麒麟arm离线安装包
您可以使用v-model来绑定el-select的值,并将其设置为options数组的第一个元素的value属性。这样,el-select就会默认选择第一个选项。下面是一个示例代码:
```html
<el-select v-model="value" @change="changeLang" class="language">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
```
在data中,您需要定义value属性并将其设置为options数组的第一个元素的value属性。例如:
```javascript
data() {
return {
value: options[0].value,
options: [
{
value: "zh",
label: "中文",
},
{
value: "en",
label: "English",
},
],
};
},
```
这样,当页面加载时,el-select会默认选择第一个选项。
阅读全文