require-v-for-key.md

require v-bind:key with v-for directives (require-v-for-key)

• ✅ The "extends": "plugin:vue/recommended" property in a configuration file enables this rule.

When v-for is written on custom components, it requires v-bind:key at the same time. On other elements, it's better that v-bind:key is written as well.

📖 Rule Details

This rule reports the elements which have v-for and do not have v-bind:key.

This rule does not report custom components. It will be reported by no-invalid-v-for rule.

👎 Examples of incorrect code for this rule:

<template>
    <div>
        <div v-for="x in list"></div>
    </div>
</template>

👍 Examples of correct code for this rule:

<template>
    <div>
        <div v-for="x in list" :key="x.id"></div>
    </div>
</template>

🔧 Options

Nothing.

👫 Related rules

• no-invalid-v-for