useVueValidVElse

Ce contenu n’est pas encore disponible dans votre langue.

Summary

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

Enforce valid usage of v-else.

This rule reports v-else directives in the following cases:

The directive has an argument. E.g. <div v-if="foo"></div><div v-else:aaa></div>
The directive has a modifier. E.g. <div v-if="foo"></div><div v-else.bbb></div>
The directive has an attribute value. E.g. <div v-if="foo"></div><div v-else="bar"></div>
The directive is on elements where the previous element doesn’t have v-if/v-else-if directives. E.g. <div v-else></div>
The directive is on elements which have v-if/v-else-if directives. E.g. <div v-if="foo" v-else></div>

1
<div v-else:arg></div>

1
<div v-else.mod></div>

1
<div v-else="value"></div>

1
<div v-else></div>

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

1
<div v-if="foo"></div>
2
<div v-else></div>

1
<div v-if="foo"></div>
2
<div v-else-if="bar"></div>
3
<div v-else></div>