如何使用vue设置在选择字段中选择的选项?

时间:2017-10-21 20:17:13

标签: javascript vue.js vuejs2 vue-component

<span class="input-group-btn" style="min-width: 100px">
            <select class="form-control" v-model="field.related_field">
                <option value="null"></option>
                <option v-for="f in fields" v-bind:value="f.id" v-if="f.id != ''" v-bind:selected="f.id == field.related_field ? true : false">{{ f.label }}</option>
            </select>
        </span>

这是我在vue js中的代码。如果用户在从数据库中提取之前提交了任何内容,我正在尝试设置选项。我试图绑定选定的属性。有人可以帮忙吗?

1 个答案:

答案 0 :(得分:2)

v-model为您解决此问题。只需将与v-model绑定的表达式设置为您想要的值。

this.field.related_field = <value you want to default to>