eslint-plugin-vue

外观

vue/valid-v-for ​

强制执行有效的 v-for 指令

  • ⚙️ 此规则包含在所有 "plugin:vue/vue3-essential"、*.configs["flat/essential"]、"plugin:vue/essential"、*.configs["flat/vue2-essential"]、"plugin:vue/vue3-strongly-recommended"、*.configs["flat/strongly-recommended"]、"plugin:vue/strongly-recommended"、*.configs["flat/vue2-strongly-recommended"]、"plugin:vue/vue3-recommended"、*.configs["flat/recommended"]、"plugin:vue/recommended" 和 *.configs["flat/vue2-recommended"] 中。

此规则检查每个 v-for 指令是否有效。

📖 规则详情 ​

此规则在以下情况下报告 v-for 指令

  • 该指令具有该参数。例如 <div v-for:aaa></div>
  • 该指令具有该修饰符。例如 <div v-for.bbb></div>
  • 该指令没有该属性值。例如 <div v-for></div>
  • 如果具有该指令的元素是自定义组件，则该组件没有 v-bind:key 指令。例如 <your-component v-for="item in list"></your-component>
  • v-bind:key 指令不使用 v-for 指令定义的变量。例如 <div v-for="x in list" :key="foo"></div>

如果具有该指令的元素是保留元素，则即使该元素没有 v-bind:key 指令，此规则也不会报告它，因为它不是致命错误。vue/require-v-for-key 规则会报告它。

正在加载...

注意

此规则不检查指令中的语法错误。vue/no-parsing-error 规则会报告它。以下情况是语法错误

  • 指令的值不是 alias in expr。例如 <div v-for="foo"></div>
  • 别名不是 LHS。例如 <div v-for="foo() in list"></div>

🔧 选项 ​

无。

🚀 版本 ​

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

🔍 实现 ​