vue/valid-v-else-if
强制执行有效的
v-else-if指令
- ⚙️ 此规则包含在所有
"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-else-if 指令是否有效。
📖 规则详情
此规则在以下情况下报告 v-else-if 指令
- 该指令有参数。例如
<div v-if="foo"></div><div v-else-if:aaa="bar"></div> - 该指令有修饰符。例如
<div v-if="foo"></div><div v-else-if.bbb="bar"></div> - 该指令没有属性值。例如
<div v-if="foo"></div><div v-else-if></div> - 该指令位于前一个元素没有
v-if/v-else-if指令的元素上。例如<div v-else-if="bar"></div> - 该指令用于具有
v-if/v-else指令的元素上。例如：<div v-if="foo" v-else-if="bar"></div>
注意
此规则不会检查指令中的语法错误，因为这些错误由 vue/no-parsing-error 规则进行检查。
🔧 选项
无。
👫 相关规则
🚀 版本
此规则在 eslint-plugin-vue v3.11.0 中引入。