当我使用 v-model 时,Selected 不起作用?
Selected is not working when i use v-model?
我知道如果我使用 v-model
,selected 不起作用,但我使用 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
都设置在一个数组中,并将其传递给数据属性,但是因为我需要将medespeler1
值发送给数据[=27] =] 我不能使用 :selected
,因为那样行不通。我从哪里开始,以便它也存储 medespeler1
值并在数组中有一个选定的项目?
因为 select 对 v-model
使用 medespeler1
,所以必须做的就是设置 medespeler1
的值,<select>
会做出反应对它:
new Vue({
el: "#app",
data() {
return {
medespeler1: "banana"
}
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<select v-model="medespeler1">
<option>apple</option>
<option>banana</option>
<option>cherry</option>
</select>
Selected: {{ medespeler1 }}
</div>
我知道如果我使用 v-model
,selected 不起作用,但我使用 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
都设置在一个数组中,并将其传递给数据属性,但是因为我需要将medespeler1
值发送给数据[=27] =] 我不能使用 :selected
,因为那样行不通。我从哪里开始,以便它也存储 medespeler1
值并在数组中有一个选定的项目?
因为 select 对 v-model
使用 medespeler1
,所以必须做的就是设置 medespeler1
的值,<select>
会做出反应对它:
new Vue({
el: "#app",
data() {
return {
medespeler1: "banana"
}
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<select v-model="medespeler1">
<option>apple</option>
<option>banana</option>
<option>cherry</option>
</select>
Selected: {{ medespeler1 }}
</div>