：在v-for循环中选择条件

Question

我想为v-for循环设置:selected条件

我的代码是：

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