VUE slot 插槽失效、不起作用 、 显示失败问题解决、默认内容没有失效、undefined,样式不生效等某些异常

发布时间 2023-08-30 15:18:48作者: 飞叶飞花

 

主要原因是 vue 和 vue-template-compiler 的版本号不对应,本地和线上的可能不一致  编译结果不对应

  本地环境使用的版本一般是一致的,提交到线上,打包模块 vue-template-compiler 可能和本地不一致,vue.js 有可能做过 cdn,又是另一个小版本... 导致不一致。

组件使用时(),使用的每一个 slot 都需要一个 template 包裹,且 slot=“名称” 格式 修改为 v-slot:名称。

代码在本地都是正常的,提交到线上打包发布过后发现不对,基本上和代码没什么关系,往环境等其他方面找问题。