'v-slot' 指令不支持任何修饰符

Question

我正在使用 vuetify 的数据表，我们有不同的插槽和一些道具，例如下面

<template  #header.data-table-select="{ on, props }">
    <v-simple-checkbox color="purple" v-bind="props" v-on="on"></v-simple-checkbox>
</template>

我也在使用 vue 的 eslint 插件来检查任何错误/错误代码/或任何违规，但是如果我在我的文件中使用上面的代码片段，它会给我错误

‘v-slot’ 指令不支持任何修饰符

根据这个文档，它是正确的 https://eslint.vuejs.org/rules/valid-v-slot.html

但它没有任何关于我们如何处理这种情况的例子

我如何才能删除此警告/或使其正确，而不使其豁免

谢谢

原文由 Dhiraj Wakchaure 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我在您提供的代码中没有看到任何 v-slot 所以我只能向您展示我的用例。

出现 Eslint 错误：

 <template v-slot:item.actions="{ item }">

没有错误：

 <template v-slot:[`item.actions`]="{ item }">

原文由 Hexodus 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

在 eslint-plugin-vue@^7.1.0 中，您可以在 vue/valid-v-slot 规则中使用 allowModifiers 选项。

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

vue/valid-v-slot #options

原文由 nokazn 发布，翻译遵循 CC BY-SA 4.0 许可协议