如何在Vue的元素UI中的选择选项中设置默认值



我正在开发一个用元素UI制作的Vue应用程序,我有一堆el select,它们的el选项需要有默认值,这意味着表单选择字段已经预先选择了一个选项(当然用户仍然可以选择其他选项(。我在官方文档中找不到任何属性https://element.eleme.io/#/en-US/组件/选择#选择但应该有办法实现这一权利吗?

这是我的代码

<el-form-item label="some label" prop="someprop">
<el-select v-model="form.status" filterable clearable>
<el-option
v-for="(item, index) in config.status"
:key="index"
:label="item"
:value="index"
how to have default option here??
>
</el-option>
</el-select>
</el-form-item>

只需在form.status中放入应该预先选择的索引。Vue会处理剩下的。

data(){
return {
form: { status: ['thisWillBePreSelected'], },
}
}

最新更新