如何使用vue設置在選擇字段中選擇的選項？

Question

<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中的代碼。 如果用戶在我從數據庫中獲取內容之前提交了任何內容，我試圖設置選擇的選項。 我試圖與選定的屬性綁定。 有人可以幫忙嗎？

Answer 1

v-model會為您解決這個問題。 只需將要與v-model綁定的表達式設置為所需的值即可。

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