我在使用 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 错误旁边有效)
最佳答案
这里同样的问题:
使用 "vue/valid-v-slot": "off"
为我工作!
<template v-slot:[`item.monto`]='{ item }'>
${{ formatCLP(item.monto) }}
</template>
关于javascript - ESLint VueJS v-slot,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64860946/