加载失败的原因很多,比如网络问题使得CSS失败,比如浏览器内置CSS解析器解析失败等
遇到这种情况,刷新一下即可,如果经常出现建议更换浏览器,或者报bug给浏览器厂家。
为什么通过js渲染的元素css不生效?答案如下:原因是通过测试,这是因为vue文件中的style标签添加了scoped的原因,而scoped的作用是为了保证这些css样式只会对当前vue文件(组件)生效,但是由于其他vue文件(组件)中也有可能会出现相同的class名相同的css样式,于是vue就采用了添加随机后缀的方式防止class名重复的样式出现样式覆盖的情况。
可能的原因如下:
网速不好,解决方法,换宽带。
浏览器不兼容,解决方法,换一个浏览器。
其他原因,解决方法,刷新网页。
css路径不对,解决方法,仔细排查,加/等。
建议清理电脑缓存,再去试。