use-v-on-exact.md

pageClass	sidebarDepth	title	description
rule-details	0	vue/use-v-on-exact	enforce usage of `exact` modifier on `v-on`

vue/use-v-on-exact

enforce usage of exact modifier on v-on

• ⚙️ This rule is included in all of "plugin:vue/essential", "plugin:vue/strongly-recommended" and "plugin:vue/recommended".

📖 Rule Details

This rule enforce usage of exact modifier on v-on when there is another v-on with modifier.

<template>
  <!-- ✓ GOOD -->
  <button @click="foo" :click="foo"></button>
  <button v-on:click.exact="foo" v-on:click.ctrl="foo"></button>

  <!-- ✗ BAD -->
  <button v-on:click="foo" v-on:click.ctrl="foo"></button>
</template>

🔧 Options

{
  "vue/use-v-on-exact": ["error"]
}

👫 Related rules

• vue/v-on-style
• vue/valid-v-on

📚 Further reading

• Guide - .exact Modifier

🔍 Implementation

• Rule source
• Test source