时间戳

首页 > 解决方案 > ESLint VueJS v-slot

javascript - ESLint VueJS v-slot

问题描述

我在使用 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 错误旁边有效）

标签： javascriptvuejs2eslintv-slot

解决方案

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

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

推荐阅读