首页 > 解决方案 > 带有 Vue Js 动态插槽名称的 vue/no-unused-vars

问题描述

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

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

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

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

标签: javascriptvue.jseslint

解决方案


eslintConfig您可以禁用文件部分中未使用的 vars 警告package.json

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

推荐阅读