跳至内容

vue/valid-v-bind-sync

强制在 v-bind 指令上使用有效的 .sync 修饰符

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

此规则检查 v-bind 指令上的每个 .sync 修饰符是否有效。

📖 规则详细信息

此规则在以下情况下报告 v-bind 指令上的 .sync 修饰符

  • .sync 修饰符没有作为 LHS 有效的属性值。例如:<MyComponent v-bind:aaa.sync="foo() + bar()" /><MyComponent v-bind:aaa.sync="a?.b" />
  • .sync 修饰符具有潜在的空对象属性访问。例如:<MyComponent v-bind:aaa.sync="(a?.b).c" />
  • .sync 修饰符位于非 Vue 组件上。例如:<input v-bind:aaa.sync="foo"></div>
  • .sync 修饰符的引用是迭代变量。例如:<div v-for="x in list"><MyComponent v-bind:aaa.sync="x" /></div>
正在加载...

注意

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

🔧 选项

无。

📚 进一步阅读

🚀 版本

此规则在 eslint-plugin-vue v7.0.0 中引入。

🔍 实现