vue.js：VモデルV-ため

Question

と選択のために働いていない私はVUEを使用して開始しているので、これは本当に簡単なことかもしれませんが...ここで

は私のシナリオです：

var app = new Vue({ 
     el: "#app", 
     data: { 
      utilizador:{ 
       nome:"Luis Abreu", 
       funcoes:[ 
       { 
       secretaria: {idSecretaria:2,nome:"YYY"} 
       } 
      ]}), 
      secretarias: [{idSecretaria:1,nome:"XXX"},{idSecretaria:2,nome:"YYY"},{idSecretaria:3,nome:"Tests 2"}] 
     } 

}） ;あなたが見ることができるように、Dropboxのは、データプロパティから充填されている（とその部分がうまく機能している）

<tr v-for="(f, pos) in utilizador.funcoes"> 
<td> 
    <select class="form-control" v-model="f.idSecretaria"> 
    <option v-for="s in secretarias" :value="s.idSecretaria"> 
    {{s.nome}} 
    </option> 
    </select> 
</td> 
</tr> 

：

そして、私はHTMLでfuncoesのリストを生成するため、このようなものを持っています。さて、問題は選択に何も選択されていないことです。

どうすればこの問題を解決できますか？

ありがとうございました。

Answer 1

これは実際にはこのようにすべきです。

v-model="f.secretaria.idSecretaria" 

PS：あなたはそのsecretariaキーを削除し、v-model="f.idSecretaria"が使用できるようにするために、オブジェクトをフラット化したい場合があります。