Javascript 对象上的Vue默认选定选项

我知道

v-model

数据应该与默认选项相同，但当我进行如下设置时，我会做什么：

data: function() {
    return {
      user: {
        usertype: {},
    }
}

<select v-model="user.usertype" class="btn btn-secondary d-flex header-input">
<option
v-for="(usertype, index) in usertypes"
:key="index"
:value="{value: usertype['short_desc_'+locale], max_user: usertype['max_user']}"
>{{usertype['short_desc_'+locale]}}</option>

---

您添加额外的

元素的方法很好，但是您需要匹配

user.usertype

的默认状态，而不是设置

value=“

，它是一个空对象。因此，如果设置属性

：value=“{}”

，将得到所需的结果

（在与技术无关的旁注中，您的第一个用户类型可能应该是“Man”，而不是英语中的复数“Men”，或者您最好使用“男”/“女”）

newvue({
el:“#应用程序”，
数据：{
用户：{
用户类型：{}
},
用户类型：[“id”：1，“short_desc_de”：“Mann”，“short_desc en”：“Men”，“min_user”：1，“max_user”：1，“created_at”：“2019-09-19 08:07:06”，“Update_at”：“2019-09-19 08:07:06”}，{“id”：2，“short_desc de”：“Frau”，“short_desc en”：“Woman”，“min_user”：1，“max_user”：1，“created_at”：“2019-09-19:08:06”，“Update_-09:06”，
地点：'en'
}
})

请选择一个
{{usertype['short_desc'+locale]}
{{user.usertype}

你也可以发布你的

用户类型的结构吗？它是一个空对象，只用于存储数据，也可以使用数组。编辑：哦，usertypeS，是的，等一会儿，但是当然你的v-for循环不会产生任何输出。当
user.usertype
未设置时，您希望列表包含什么？这个问题不太清楚。不，我只是拼错了，usertypeS是一个道具，usertype只是一个空对象来存储所选的选项。它确实会产生一个下拉列表，但没有选择默认选项。只是为了澄清：我希望在访问页面时有一个默认值。现在没有。这只是一个空白字段。^^，最后一点注意：数组怎么样？我现在知道了一个对象的要点，但是如果它是一个数组，您将如何处理这个问题？只需使用一个空数组：
：value=“[]”
[{"id":1,"short_desc_de":"Mann","short_desc_en":"Men","min_user":1,"max_user":1,"created_at":"2019-09-19 08:07:06","updated_at":"2019-09-19 08:07:06"},{"id":2,"short_desc_de":"Frau","short_desc_en":"Woman","min_user":1,"max_user":1,"created_at":"2019-09-19 08:07:06","updated_at":"2019-09-19 08:07:06"},...]