Эта ошибка означает, что v-slot не поддерживает никаких модификаторов.
Это означает, что вы не имеете права так писать
<шаблон v-slot:header.xxx>
Это xxx является модификатором
Это позволяет только писать
<шаблон v-slot:header>
Решение:
1. Измените заголовок.xxx на строку
<шаблон v-slot:[`header.xxx`]>
2. Измените файл конфигурации eslint
// .eslintrc.js
rules: {
'vue/valid-v-slot': ['error', {
allowModifiers: true,
}],
}
3. Измените файл settings.js vscode.
setting: {
"vetur.validation.template": false
}
4. Добавьте <!-- eslint-disable-next-line --> над этой строкой кода.
Выше приведены различные способы решения этой проблемы
Это правило разрешено в vue, возможно, это проблема eslint, возможно, проблема vscode, временно измените его так, это не повлияет на будущий код, возможно, когда-нибудь все будет хорошо, когда ошибка будет исправлена.