这个报错是说，v-slot 不支持任何修饰符
意思是不让你这样写
这个 xxx 就是修饰符
它只允许你这样写
1. 改为 header.xxx 为字符串
2. 修改 eslint 配置文件
- // .eslintrc.js
- rules: {
- 'vue/valid-v-slot': ['error', {
- allowModifiers: true,
- }],
- }
3. 修改 vscode 的 setting.js 文件
- setting: {
- "vetur.validation.template": false
- }
4. 在这行代码上边添加
以上就是解决这种问题的各种办法
这个规则在 vue 中是允许的，也许是 eslint 的问题，也许是 vscode 的问题，暂时先这样修改，对以后的代码也没有影响，可能哪天 bug 修复后就好了