我使用的是vuetify的datatable,我想我们有不同的插槽,比如下面的一些props

<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"指令不支持任何修饰符

根据这份文件,它是正确的

但它没有任何关于我们如何处理这个案子的例子

我如何才能删除此警告/或以正确的方式删除它,而不进行豁免

谢谢

推荐答案

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

使用Eslint错误:

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

无误:

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

Vue.js相关问答推荐

Vue3多姆参考已安装的添加EventButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButtButt

无法解析组件:google—pay—button

Vue Router中.getRoutes()获取的路由顺序优化建议

传单 vue3 组件变体打开错误的标记 - 单击时弹出

如何在 VUE.js 中重新刷新时保持多层 b-collapse 菜单打开?

路径别名在 vue 脚本块中不起作用

Vuetify grid layout - 如何填充网格中元素的高度

在keyup Vuejs 2上获取输入值

如何在 Vue 中编译从外部 api 加载的模板

使用 Vue Js 运行 Jest 测试时出现语法错误:无法在模块外使用 import 语句

Vuetify v-data-table ,如何在 HTML 中呈现标题文本?

Webpack 你可能需要一个合适的加载器来处理这个文件类型

如何修复跨域读取阻塞 (CORB) 阻止了 MIME 类型应用程序/json 的跨域响应问题?

v-model 不会检测到 jQuery 触发事件所做的更改

在组件外使用 VueI18n 的问题

如何在 Vuex 中获取 Vue 路由参数?

使用props向组件添加类名

我如何能够在 vue js html 中以给定格式进行多项 Select 和传递数据?

使用 Firebase Auth for Google 将匿名用户转换为注册用户

Vue Chart.js - 条形图上的简单点/线