Appearance
vue/valid-v-if
强制有效的
v-if
指令
- ⚙️ 此规则包含在
"plugin:vue/essential"
、*.configs["flat/essential"]
、"plugin:vue/vue2-essential"
、*.configs["flat/vue2-essential"]
、"plugin:vue/strongly-recommended"
、*.configs["flat/strongly-recommended"]
、"plugin:vue/vue2-strongly-recommended"
、*.configs["flat/vue2-strongly-recommended"]
、"plugin:vue/recommended"
、*.configs["flat/recommended"]
、"plugin:vue/vue2-recommended"
和*.configs["flat/vue2-recommended"]
中。
此规则检查每个 v-if
指令是否有效。
¥This rule checks whether every v-if
directive is valid.
📖 规则详情
此规则在以下情况下报告 v-if
指令:
¥This rule reports v-if
directives in the following cases:
该指令有该参数。例如
<div v-if:aaa="foo"></div>
¥The directive has that argument. E.g.
<div v-if:aaa="foo"></div>
该指令具有该修饰符。例如
<div v-if.bbb="foo"></div>
¥The directive has that modifier. E.g.
<div v-if.bbb="foo"></div>
该指令没有该属性值。例如
<div v-if></div>
¥The directive does not have that attribute value. E.g.
<div v-if></div>
该指令位于具有
v-else
/v-else-if
指令的元素上。例如<div v-else v-if="foo"></div>
¥The directive is on the elements which have
v-else
/v-else-if
directives. E.g.<div v-else v-if="foo"></div>
注意
此规则不检查指令中的语法错误,因为它由 vue/no-parsing-error 规则检查。
¥This rule does not check syntax errors in directives because it's checked by vue/no-parsing-error rule.
🔧选项
¥🔧 Options
无。
¥Nothing.
👫相关规则
¥👫 Related Rules
🚀版本
¥🚀 Version
此规则在 eslint-plugin-vue v3.11.0 中引入
¥This rule was introduced in eslint-plugin-vue v3.11.0
🔍代码实现
¥🔍 Implementation