Vue3 router跳转到的页面样式错乱

通过router.push()跳转和浏览器直接修改地址访问同一页面的样式不一样

通过router.push()跳转从登录页面跳转进来

浏览器直接修改地址访问

解决方法

给<style>添加scoped属性：该属性的作用是指定组件内css指定作用域，使得css样式只在当前文件中起作用，与其它组件出现重名而造成属性污染。

<style>						<style scoped>
	...       ====>    			...
</style>					</style>