vue路由跳转页面后，css样式错乱

目录

1、问题描述

2、解决

---

1、问题描述

当页面从/login跳转到/registration/onsite_registration后，css样式发生错乱，如下：

2、解决

这是因为没在style上加scoped。

如果使用了 <style scoped>，样式会被限制在当前组件中，不会影响其他组件。如果目标页面的样式依赖于全局样式或未正确引入，可能会导致样式丢失。

此时css样式就不会错乱了，效果如下：