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

Posted 2023-02-23

【中文标题】如何在 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'], ,