- ⚙️ This rule is included in all of
"plugin:vue/essential"
,"plugin:vue/strongly-recommended"
and"plugin:vue/recommended"
.
This rule checks whether every v-model
directive is valid.
This rule reports v-model
directives in the following cases:
- The directive has that argument. E.g.
<input v-model:aaa="foo">
- The directive has the modifiers which are not supported. E.g.
<input v-model.bbb="foo">
- The directive does not have that attribute value. E.g.
<input v-model>
- The directive does not have the attribute value which is valid as LHS. E.g.
<input v-model="foo() + bar()">
- The directive is on unsupported elements. E.g.
<div v-model="foo"></div>
- The directive is on
<input>
elements which their types arefile
. E.g.<input type="file" v-model="foo">
- The directive's reference is iteration variables. E.g.
<div v-for="x in list"><input type="file" v-model="x"></div>
This rule does not check syntax errors in directives because it's checked by no-parsing-error rule.
```html <textarea v-model="foo"/>Nothing.