vue项目路由跳转后样式错乱，刷新正常

问题描述

在开发项目的时候，前端使用的是vue+element框架，登录成功后发现跳转到首页的样式是错乱的，浏览器刷新后就恢复正常了。

解决方案

一开始以为是懒加载的问题，但是通过种种方法确保css加载后也不行。
最后查看代码才发现，login页面的style标签里没有加上作用域scoped !!!

在Vue中，style的 scoped 属性是一种 CSS 作用域隔离机制，它的核心作用是让样式仅对当前组件生效，避免组件之间的样式污染。
我的问题是login页的样式和首页重复，在登录页的style标签加上scoped确保登录页的样式只在当前页生效就好了，特此记录一下。