第一种:将 v-if 和 v-for 分别放在不同标签中
<ul v-if="active">
<li v-for="(item, index) in list" :key="inde">
<p>{{item.name}}</p>
</li>
</ul>
第二种:如果 v-if 和 v-for 只能放在同一级标签中,使用计算属性进行改造:
let title = "自定义"
<ul v-for="(item, index) in listBox(list, title)" :key="index">
<li>{{item.name}}</li>
</ul>
computed: {
listBox () {
return (item, name) => {
return item.filter(item => item.name !== name)
}
}
}
以上两种方法都可以解决 eslint 的报错