1. ホーム
  2. vue.js

[解決済み] 'v-slot' ディレクティブはどんな修飾子もサポートしません。

2023-01-06 23:59:12

質問

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'ディレクティブは、任意の修飾子をサポートしていません。

このドキュメントにあるように、これは正しいです。 https://eslint.vuejs.org/rules/valid-v-slot.html

とあるが、このケースをどのように扱うかの例がない。

どうすればこの警告を消すことができるでしょうか、あるいは免責事項にすることなく正しい方法にすることができるでしょうか。

ありがとうございます。

どのように解決するのですか?

私は、任意の v-slot が見当たらないので、私の使用例だけをお見せします。

Eslintのエラーで。

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

エラーなし

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