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 中引入。