如何在 Vue 的元素 UI 中的选择选项中设置默认值?
Posted
技术标签:
【中文标题】如何在 Vue 的元素 UI 中的选择选项中设置默认值?【英文标题】:How do set a default value in select option in element UI for Vue? 【发布时间】:2022-01-18 14:01:34 【问题描述】:我正在开发一个使用元素 UI 制作的 Vue 应用程序,我有一堆 el-select,它们的 el-options 需要具有默认值,这意味着表单选择字段已经预先选择了一个选项(当然是用户仍然可以选择其他选项)。 我在官方文档https://element.eleme.io/#/en-US/component/select#select 中找不到任何属性 但是应该有办法实现这个权利吗?
这是我的代码
<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
字段中设置默认值吗?
这个问题已经回答了:***.com/questions/41122028/…
这能回答你的问题吗? Set default value to option select menu
【参考方案1】:
只需将应预选的索引放入form.status
。 Vue 会处理剩下的事情。
data()
return
form: status: ['thisWillBePreSelected'], ,
【讨论】:
以上是关于如何在 Vue 的元素 UI 中的选择选项中设置默认值?的主要内容,如果未能解决你的问题,请参考以下文章
如何在 React 的基本 html 选择元素中设置下拉 UI 的样式?