vue.js - v-model 和 selected 不能同时工作... --vue.js

Question

更新

如果selected我在select.

<p class="topics">fruits</p>
<select class="select" v-model="selectFruit">
    <option selected value="">--all--</option>
    <option :key="index" :value="item" v-for="(item,index) in fruitList">{{item}}</option>
</select>

如果我不使用 v-model，那么selected就可以了。但我需要 v-model 绑定来过滤我的数组。但看起来我不能同时使用 v-model 和 selected 。

标签： vue.jsvuejs2

Answer 1

使用选定的属性

https://www.w3schools.com/tags/att_option_selected.asp

   <select class="select" v-model="searchCity">
      <option value="" selected>--全部--</option>
      <option :value="item" v-for="item in uniqueCity">{{item}}</option>
   </select>