I am using Vuetify's datatable, we have different slots with some props for example below
<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' directive doesn't support any modifier
これによるとドキュメント、その通りです。
しかし、このケースをどのように処理すべきかについての例はありません。
免除にせずに、この警告を削除したり、正しく修正するにはどうすればよいですか。
ベストアンサー1
v-slot提供されたコードには何も見当たらないので、私のユースケースのみをお見せします。
Eslint エラーの場合:
<template v-slot:item.actions="{ item }">
エラーなし:
<template v-slot:[`item.actions`]="{ item }">