5

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

我尝试在这个问题中遵循 nokazn 的回答: 'v-slot' 指令不支持任何修饰符 以及 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 错误旁边有效)

4

1 回答 1

5

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

<template  v-slot:[`item.monto`]='{ item }'>
          ${{ formatCLP(item.monto) }}
        </template>
于 2020-11-18T22:48:41.347 回答