valid-v-on.md

enforce valid v-on directives (valid-v-on)

• ✅ The "extends": "plugin:vue/recommended" property in a configuration file enables this rule.

This rule checks whether every v-on directive is valid.

📖 Rule Details

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

• The directive does not have that event name. E.g. <div v-on="foo"></div>
• The directive has invalid modifiers. E.g. <div v-on:click.bbb="foo"></div>
• The directive does not have that attribute value and any verb modifiers. E.g. <div v-on:click></div>

This rule does not check syntax errors in directives because it's checked by no-parsing-error rule.

👎 Examples of incorrect code for this rule:

<template>
    <div>
        <div v-on="foo"></div>
        <div v-on:click="foo"></div>
        <div v-on:click.bbb="foo"></div>
    </div>
</template>

👍 Examples of correct code for this rule:

<template>
    <div>
        <div v-on:click="foo"></div>
        <div @click="foo"></div>
        <div @click.left="foo"></div>
        <div @click.prevent></div>
        <div @click.stop></div>
    </div>
</template>

🔧 Options

Nothing.

👫 Related rules

• no-parsing-error