vuejs2 - 设置选定的选项不基于 v-model

Question

我有一个 select v-model，但我需要根据其他值设置选定的选项。

可能吗？

这是我尝试过的：

<div class="form-group">
            <label for="">Category</label>
            <select class="form-control" v-model="product.category">
                <option v-for="(c, index) in categories" :value="c.id" :selected="product.category.id == c.id" :key="index">
                    {{ c.name }}
                </option>
            </select>
        </div>

不过，:selected好像没什么效果。

标签： vuejs2

Answer 1

只需修改v-modelfrom

 v-model="product.category"

至

v-model="product.category.id"

并删除

:selected="product.category.id == c.id"

您可以阅读有关表单输入绑定的更多信息。