Skip to content

vue/valid-v-on

强制有效的 v-on 指令

  • ⚙️ 此规则包含在 "plugin:vue/essential"*.configs["flat/essential"]"plugin:vue/vue2-essential"*.configs["flat/vue2-essential"]"plugin:vue/strongly-recommended"*.configs["flat/strongly-recommended"]"plugin:vue/vue2-strongly-recommended"*.configs["flat/vue2-strongly-recommended"]"plugin:vue/recommended"*.configs["flat/recommended"]"plugin:vue/vue2-recommended"*.configs["flat/vue2-recommended"] 中。

此规则检查每个 v-on 指令是否有效。

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

📖 规则详情

此规则在以下情况下报告 v-on 指令:

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

  • 该指令没有该事件名称。例如<div v-on="foo"></div>

    ¥The directive does not have that event name. E.g. <div v-on="foo"></div>

  • 该指令有无效的修饰符。例如<div v-on:click.bbb="foo"></div>

    ¥The directive has invalid modifiers. E.g. <div v-on:click.bbb="foo"></div>

  • 该指令没有该属性值和任何动词修饰符。例如<div v-on:click></div>

    ¥The directive does not have that attribute value and any verb modifiers. E.g. <div v-on:click></div>

Now loading...

注意

此规则不检查指令中的语法错误,因为它由 vue/no-parsing-error 规则检查。

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

🔧选项

¥🔧 Options

json
{
  "vue/valid-v-on": ["error", {
    "modifiers": []
  }]
}

此规则有一个对象选项:

¥This rule has an object option:

"modifiers" 允许的其他修饰符数组。

¥"modifiers" array of additional allowed modifiers.

"modifiers": ["foo"]

Now loading...

👫相关规则

¥👫 Related Rules

🚀版本

¥🚀 Version

此规则在 eslint-plugin-vue v3.11.0 中引入

¥This rule was introduced in eslint-plugin-vue v3.11.0

🔍代码实现

¥🔍 Implementation

eslint-plugin-vue v10.0 中文网 - 粤ICP备13048890号