带有 Vue Js 动态插槽名称的 vue/no-unused-vars

Question

我正在使用 vuejs 和 vue-bootstrap，并且在 b-table 中有这个插槽，因此我可以将过滤器应用于我的表中的几个字段：

  <template
    v-for="item in items"
    v-slot:[`cell(${item})`]="data"
  >
    {{ data.value | filter }}
  </template>

items 是我数据中的一个对象。

一切正常，但我现在收到一个 lint 错误 'item' is defined but never used vue/no-unused-vars.。我得到它的原因很明显，但有没有办法让它明白我正在使用变量或更好的方法来实现上述目标？

Answer 1

您可以在package.json 文件的eslintConfig 部分禁用未使用的变量警告：

"rules": {
      "no-unused-vars": "off"
}