選択フィールドで選択したオプションを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>