useVueValidVElseIf

摘要

¥Summary

规则生效日期：v2.3.6

¥Rule available since: v2.3.6
诊断类别：lint/nursery/useVueValidVElseIf

¥Diagnostic Category: lint/nursery/useVueValidVElseIf
此规则没有修复方案。

¥This rule doesn’t have a fix.
此规则的默认严重级别为 information。

¥The default severity of this rule is information.
此规则属于以下域：

¥This rule belongs to the following domains:
- vue
来源：

¥Sources:
- 与 vue/valid-v-else-if 相同
  
  ¥Same as vue/valid-v-else-if

¥How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "nursery": {
5
        "useVueValidVElseIf": "error"
6
      }
7
    }
8
  }
9
}

¥Description

强制使用有效的 v-else-if 指令。

¥Enforce valid v-else-if directives.

生物群系会标记以下情况：

¥Biome flags these cases:

带有参数：<div v-else-if:arg="b"></div>。

¥Has an argument: <div v-else-if:arg="b"></div>.
带有修饰符：<div v-else-if.mod="b"></div>。

¥Has modifiers: <div v-else-if.mod="b"></div>.
缺少值：<div v-else-if></div>。

¥Missing value: <div v-else-if></div>.
前面没有同级 v-if/v-else-if。

¥Not preceded by a sibling with v-if/v-else-if.
与 v-if 或 v-else 位于同一元素上。

¥On the same element as v-if or v-else.

¥Examples

¥Invalid

1
<div v-if="a"></div><div v-else-if:arg="b"></div>

1
<div v-if="a"></div><div v-else-if.mod="b"></div>

1
<div v-if="a"></div><div v-else-if></div>

1
<div v-else-if="b"></div>

1
<div v-if="a" v-else-if="b"></div>

¥Valid

1
<div v-if="a"></div><div v-else-if="b"></div><div v-else></div>