Vue.js 1.0 select

Question

在我的网络应用程序中，我有一个 select 这样的：

<select class="Form-group-item" v-model="user.corporation_id">
    <option value="" disabled selected>Corporatie</option>
    <option v-for="corporation in corporations" v-bind:value="corporation.id">{{ corporation.name }}</option>
</select>

所以我收到 json 格式的 user.corporation_id：

corporation_id:2

我把它设置在用户对象上。但是当我查看我的 vue-devtools user.corporation_id 是 '' ??

当我从 html

中删除整个 select

user.corporation_id = 2 !

这是怎么回事？？

Answer 1

从默认选项中删除 'selected'

<select class="Form-group-item" v-model="user.corporation_id">
    <option value="" disabled>Corporatie</option>
    <option v-for="corporation in corporations" v-bind:value="corporation.id">{{ corporation.name }}</option>
</select>

由于您将其设置为 'selected'，因此它会覆盖您设置的值并将其更改为“”。

Vue.js 1.0 select

Vue.js 1.0 select

javascript

vue.js