Vue.js 1.0选择

Question

在我的webapp中，我有这样一个选择：

<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中删除整个选择时

user.corporation_id = 2！

这里怎么了？？

Answer 1

从默认选项中删除“选定的”

<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”，所以它会覆盖所设置的值，并将其更改为“”。