:v-for循环中的选定条件

Question

我想要 :selectedv-for 循环的条件

我的代码是：

<select id="lstCategories" multiple>
    <option value="" disabled>Choose from drop down</option>
    <option v-for="category in lstCategories" :value="category.id" :key="category.id">{{ category.name }}</option>
</select>

我想要这样的东西：

<option v-for="category in lstCategories" 
        :value="category.id" :key="category.id" 
        :selected="this.myData.category_ids.includes(category.id)">
  {{ category.name }}
</option>

Answer 1

假设 myData 是组件状态的一部分，您应该从该表达式中删除 this，因为所有模板表达式都是针对 data 计算的：

<option v-for="category in lstCategories" 
        :value="category.id" :key="category.id" 
        :selected="myData.category_ids.includes(category.id)">
  {{ category.name }}
</option>

JSFiddle.

:v-for循环中的选定条件

:selected condition in v-for loop

vue.js