为什么通过js渲染的元素css不生效

html-css07

为什么通过js渲染的元素css不生效,第1张

为什么通过js渲染的元素css不生效?

答案如下:原因是通过测试,这是因为vue文件中的style标签添加了scoped的原因,而scoped的作用是为了保证这些css样式只会对当前vue文件(组件)生效,但是由于其他vue文件(组件)中也有可能会出现相同的class名相同的css样式,于是vue就采用了添加随机后缀的方式防止class名重复的样式出现样式覆盖的情况。

可能是因为浏览器缓存了样式文件导致。

可以在css文件引用的末尾随便加个请求参数,如:main.css?v=201804091834,浏览器就以为是个新文件,然后从服务器重新下载该文件。