ESLint VueJS v-slot

Question

我在使用 v-slot 中的修饰符时遇到了 Eslint 的问题

我尝试按照 nokazn 在这个问题中的回答： 'v-slot' directive doesn't support any modifier 以及 vuejs 的 lint 文档 https://eslint.vuejs.org/rules/valid-v-slot.html

我在我的.eslintrc.js 文件中添加：

'vue/valid-v-slot': ['error', {
  allowModifiers: true,
}],

但我在验证 lint 文件时遇到以下错误：

Configuration for rule "vue/valid-v-slot" is invalid:
    Value [{"allowModifiers":true}] should NOT have more than 0 items.

我试图让 lint 接受的是以下代码：

<v-data-table
        :headers="headers"
        :items="data"
        disable-pagination
        fixed-header
      >
        <template v-slot:item.EDIT>
          <v-btn icon>
            <v-icon>mdi-pencil</v-icon>
          </v-btn>
        </template>
      </v-data-table>

（请注意，此代码在 lint 错误旁边有效）

Answer 1

同样的问题： 使用"vue/valid-v-slot": "off"为我工作！

<template  v-slot:[`item.monto`]='{ item }'>
          ${{ formatCLP(item.monto) }}
        </template>