Skip to content


require key attribute for conditionally rendered repeated components

  • 🔧 The --fix option on the command line can automatically fix some of the problems reported by this rule.

📖 Rule Details

This rule checks for components that are both repeated and conditionally rendered within the same scope. If such a component is found, the rule then checks for the presence of a 'key' directive. If the 'key' directive is missing, the rule issues a warning and offers a fix.

This rule is not required in Vue 3, as the key is automatically assigned to the elements.

Now loading...

🔧 Options


📚 Further Reading

🚀 Version

This rule was introduced in eslint-plugin-vue v9.19.0

🔍 Implementation