vue/no-confusing-v-for-v-if

禁止在同一个元素上使用令人困惑的 v-for 和 v-if

• ⛔ 此规则已在 eslint-plugin-vue v9.0.0 中移除，并由 vue/no-use-v-if-with-v-for 规则取代。

📖 规则详情

此规则报告在以下情况下同时具有 v-for 和 v-if 指令的元素

• v-if 指令不使用对由 v-for 指令定义的变量的引用。

在这种情况下，v-if 应该写在包装元素上。

正在加载...

注意

当它们存在于同一个节点上时，v-for 的优先级高于 v-if。这意味着 v-if 将在循环的每次迭代中单独运行。

https://vuejs.ac.cn/guide/essentials/list.html#v-for-with-v-if

🔧 选项

无。

📚 进一步阅读

• 风格指南 - 避免在 v-for 中使用 v-if
• 指南 - 条件渲染 / v-if 与 v-for
• 指南 - 列表渲染 / v-for 与 v-if

🚀 版本

此规则是在 eslint-plugin-vue v3.0.0 中引入的

🔍 实现

• 规则源代码
• 测试源代码