防止vue文件中的样式出现‘污染’情况

Posted 2020-09-17 lin_zone

近期在项目中出现了vue样式污染的情况：

一个页面刚进去时样式不正常，刷新之后，样式才才达到预期那样

 

在vue中，如果把样式写在vue文件的 style中，可能会出现样式污染的情况，这是要把写样式的标签

<style></style>
写成
<style scoped></style>

 这样，style标签中的样式的作用域就只是在此vue文件了，就不会出现样式污染的情况了

 

 

 

或许还有其他情况，可能是因为我的水平有限，目前我只知道这一种情况。