# 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/essential", "plugin:vue/strongly-recommended" and "plugin:vue/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.

vue/valid-v-model

# 🚀 Version

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

# 🔍 Implementation

← vue/valid-v-memo vue/no-multiple-template-root →