vue/no-custom-modifiers-on-v-model

disallow custom modifiers on v-model used on the component

• ⚙️ This rule is included in all of "plugin:vue/vue2-essential", *.configs["flat/vue2-essential"], "plugin:vue/vue2-strongly-recommended", *.configs["flat/vue2-strongly-recommended"], "plugin:vue/vue2-recommended" and *.configs["flat/vue2-recommended"].

This rule checks whether v-model used on the component do not have custom modifiers.

📖 Rule Details

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

• The directive used on the component has custom modifiers. E.g. <MyComponent v-model.aaa="foo" />

<template> <!-- ✓ GOOD --> <MyComponent v-model="foo" /> <MyComponent v-model.trim="foo" /> <MyComponent v-model.lazy="foo" /> <MyComponent v-model.number="foo" /> <!-- ✗ BAD --> <MyComponent v-model.aaa="foo" /> <MyComponent v-model.aaa.bbb="foo" /> </template>

Now loading...

🔧 Options

Nothing.

👫 Related Rules

• vue/valid-v-model

🚀 Version

This rule was introduced in eslint-plugin-vue v7.0.0

🔍 Implementation

• Rule source
• Test source