директива v-slot не поддерживает модификатор

Question

Я использую datatable vuetify, у нас есть разные слоты с некоторыми реквизитами, например, ниже

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

Я также использую плагин eslint vue для проверки на наличие ошибок / плохого кода / или любое нарушение, но если я использую приведенный выше фрагмент кода в моем файле, это дает мне ошибку

директива 'v-slot' не поддерживает никакой модификатор

согласно это документы правильно https://eslint.vuejs.org/rules/valid-v-slot.html

но у него нет примера того, как мы справимся с этим делом

как я могу удалить это предупреждение или сделать его правильный путь, не делая этого исключения

Спасибо

Answer 1

Вы не можете исправить это предупреждение.

• Vue синтаксис для модификаторов использует точку, чтобы изменить способ действия директивы (например, v-model.number)
• Способ, которым Vuetify динамически называет свои слоты, использует точку в Чтобы выбрать определенную c часть компонента (# header.data-table-select).

ESLint не может различить guish, пытаетесь ли вы установить модификатор в слоте (что невозможно), или если у вас есть имя слота, которое содержит точку.

Самое простое, что вы можете сделать, это отключить правило. Так как правило 'valid-v-slot' по умолчанию не включено ни в одной из базовых конфигураций eslint-plugin- vue, вы сможете найти его в разделе "rules" в вашей конфигурации eslint.