vue路由跳转后页面样式会失效,刷新后又会恢复
vue通过router-link跳转页面后样式会失效今天写了一个组件后想要通过另一个组件链接过来,就在里面使用router路由,当跳转之前的组件后发现部分内容样式失效了,没多想就刷新页面,样式恢复正常,但多次操作后发现每次路由后都会发生这样的问题后来发现是组件中的<style>中没加入scoped<styel scoped>...<style>添加后就不会出现样
·
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>
更多推荐
已为社区贡献1条内容
所有评论(0)