Skip to content

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>

Now loading...

注意

此规则不检查指令中的语法错误,因为它由 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

eslint-plugin-vue v10.0 中文网 - 粤ICP备13048890号