JS.VUE.NO.CUSTOM.MODIFIERS.ON.V.MODEL

Disallow custom modifiers on v-model used on the component

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" />

{'vue/no-custom-modifiers-on-v-model': ['error']}

Copy

<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>

Options

Nothing.