Skip to content

vue/valid-v-if

v-if指令必须有效

为什么

这个规则检查每个v-if指令是否有效,无效的v-if指令会导致预期之外的行为。

建议

确保v-if指令没有参数,没有修饰符,有属性值,并且不在有v-else/v-else-if指令的元素上。

错误示例

vue
<template>
  <div v-if />
</template>
<template>
  <div v-if />
</template>

正确示例

vue
<template>
  <div v-if="foo" />
</template>
<template>
  <div v-if="foo" />
</template>

参考