Binding vue.js:v-model不适用于带有v-for的select

我已经开始使用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"}]
        }

}))

我有类似这样的方法来生成HTML中的函数列表：

<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>

{{s.nome}}

如您所见，dropbox是从数据属性填充的（该部分工作正常）。现在，问题是select不会显示任何选定内容

我怎样才能解决这个问题

---

谢谢。

事实上应该是这样的

v-model="f.secretaria.idSecretaria"

---

PS：您可能需要删除

secreta

键并展平对象，以使

v-model=“f.idSecretaria”

可用。

它不需要是

f.secreta.idSecretaria

？该死！！！！！！！就是这样……请把答案记下来，这样我才能把它说得正确：）事实上，我投票决定结束这个问题，因为这是一个简单的印刷错误，不太可能帮助未来的读者。谢谢。就这样！（我无法删除secreta键，因为我已简化了对象以说明问题）。