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

Эта ошибка означает, что 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, временно измените его так, это не повлияет на будущий код, возможно, когда-нибудь все будет хорошо, когда ошибка будет исправлена.

Guess you like

Origin blog.csdn.net/weixin_42335036/article/details/126402201