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

disallow confusing v-for and v-if on the same element

• 🚫 This rule was removed in eslint-plugin-vue v9.0.0 and replaced by vue/no-use-v-if-with-v-for rule.

📖 Rule Details #

This rule reports the elements which have both v-for and v-if directives in the following cases:

• The v-if directive does not use the reference which is to the variables which are defined by the v-for directives.

In that case, the v-if should be written on the wrapper element.

🔧 Options #

Nothing.

📚 Further Reading #

• Style guide - Avoid v-if with v-for
• Guide - Conditional Rendering / v-if with v-for
• Guide - List Rendering / v-for with v-if

🚀 Version #

This rule was introduced in eslint-plugin-vue v3.0.0

🔍 Implementation #

• Rule source
• Test source