eslint-plugin-vue

外观

vue/valid-v-if ​

强制执行有效的 v-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-if 指令是否有效。

📖 规则详情 ​

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

  • 该指令有参数。例如 <div v-if:aaa="foo"></div>
  • 该指令有修饰符。例如 <div v-if.bbb="foo"></div>
  • 该指令没有属性值。例如 <div v-if></div>
  • 该指令位于具有 v-else/v-else-if 指令的元素上。例如 <div v-else v-if="foo"></div>
正在加载...

注意

此规则不检查指令中的语法错误，因为这是由 vue/no-parsing-error 规则检查的。

🔧 选项 ​

无。

🚀 版本 ​

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

🔍 实现 ​