【页面样式错误，刷新又恢复问题处理】

@[TOC]页面样式错误，刷新又恢复问题处理

问题描述：

页面引用了element-UI框架，下方的导航小点首次刷新会样式失效，导致靠左，刷新页面以后样式会恢复正常（即导航小点会居中显示）

解决方法：

找到与元素相对应y样式，在其之前添加::v-deep 进行样式穿透即可

知识补充：

样式穿透的方法：

​ 1.>>> 只兼容原生的CSS

​ 2./deep/ 支持sass、less,但是在VUE3等一些环境中会报错

​ 3.::v-deep 支持sass、less，兼容性较好