当我使用 v-model 时，所选功能不起作用？

Question

我知道如果我使用 select 则不起作用v-model，但我用来v-model获取所选用户并在我的 firebase 中使用它，所以我的 html 如下所示：

<select v-model="medespeler1" class="inputbox rounded" required>

  <option v-for="(option, i) in medespelers" :key="i" :selected="selected">{{ medespelers[i] }}</option>

</select>

然后在数据属性中，我得到了这个也可以获取medespelers数据库中存储的所有内容和medespeler1值：

data: function() {

  return {

    medespelers:[],

    medespeler1: '',

  }

},

在 firebase 中，我将所有设置medespelers在一个数组中并将其传递给 data 属性，但是因为我需要将值发送medespeler1到 data 属性，所以我无法使用:selected，因为这不起作用。我从哪里开始，以便它也存储medespeler1值并在数组中包含选定的项目？

Answer 1

由于 select 使用的是medespeler1for v-model，所以必须做的就是设置 的值medespeler1并且<select>会对它做出反应：new Vue({&nbsp; el: "#app",&nbsp; data() {&nbsp; &nbsp; return {&nbsp; &nbsp; &nbsp; medespeler1: "banana"&nbsp; &nbsp; }&nbsp; }});<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script><div id="app">&nbsp; <select v-model="medespeler1">&nbsp; &nbsp; &nbsp;<option>apple</option>&nbsp; &nbsp; &nbsp;<option>banana</option>&nbsp; &nbsp; &nbsp;<option>cherry</option>&nbsp; </select>&nbsp;&nbsp;&nbsp; Selected: {{ medespeler1 }}</div>