页面跳转样式错位刷新又好了的情况

页面跳转样式错位，刷新又好了？？？

一、问题：

从一个页面返回到另外一个页面，样式出现了错位，但是刷新一下就好了。

二、原因：

在跳转时页面的样式并没有加载，而是保留了前面一个样式，或者前面已经加载过页面的样式，样式的id 或者 class 冲突了，也就是说很多页面都用到了相同的class和id属性，是一样的样式，再次跳转便不会进行变化。

三、解决方法：

1、在起名的时候注意一下，都给一个class，那么就可以最大程度避免属性相同问题。

2、在css里面进行scoped穿透，这样就会锁定到当前组件的样式，不会有冲突问题，原理：它的属性会自动添加一个唯一的属性 (data-v-21e5b78) 为组件内 CSS 指定作用域，也就是定义的名字前加一串哈希值，这个可以在终端看见，编译的时候 .list-container:hover 会被编译成类似 .list-container[data-v-21e5b78]:hover。

3、如果引入了外部框架，很可能用了全局css，可能会影响你的部分样式，通过终端审查元素去定位解决。