跳至内容

vue/valid-v-on

强制执行有效的 v-on 指令

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

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

📖 规则详情

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

  • 该指令没有该事件名称。例如 <div v-on="foo"></div>
  • 该指令具有无效的修饰符。例如 <div v-on:click.bbb="foo"></div>
  • 该指令没有该属性值和任何动词修饰符。例如 <div v-on:click></div>
正在加载...

注意

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

🔧 选项

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

此规则有一个对象选项

"modifiers" 额外允许的修饰符数组。

"modifiers": ["foo"]

正在加载...

🚀 版本

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

🔍 实现