vue通过router-link跳转页面后样式会失效

  • 今天写了一个组件后想要通过另一个组件链接过来,就在里面使用router路由,当跳转之前的组件后发现部分内容样式失效了,没多想就刷新页面,样式恢复正常,但多次操作后发现每次路由后都会发生这样的问题
    后来发现是组件中的<style>中没加入scoped
    <styel scoped>...<style>
    添加后就不会出现样式丢失的问题了!!

scoped可以实现组件的私有化,不对全局样式造成污染

当前端的style只属于当前组件,不受其他组件干预!

<style scoped>
	.login{
		width: 100%;
	}
	.login_header{
		margin-top: 70px;
		width: 100%;
		text-align: center;
	}
<style>
Logo

前往低代码交流专区

更多推荐