vue 路由跳转,导致页面样式错乱,刷新又好了的情况
在项目开始的时候,把所有的代码都码好。在页面跳转的时候总有几个页面,在跳到该页面时样式全错位了,但是刷新一下就又好。而且我在每个组件页面里面写的公共样式css,都删除掉scoped,这种情况下,跳转后页面的样式会沿用了前一个页面的样式,导致页面错乱。解决办法:在跳转前和跳转后页面的style上加上scoped,把公共样式写到分别写到子组件就OK了<style scoped&...
·
在项目开始的时候,把所有的代码都码好。在页面跳转的时候总有几个页面,在跳到该页面时样式全错位了,但是刷新一下就又好。而且我在每个组件页面里面写的公共样式css,都删除掉scoped,这种情况下,跳转后页面的样式会沿用了前一个页面的样式,导致页面错乱。
解决办法: 在跳转前和跳转后页面的style上加上scoped,把公共样式写到分别写到子组件就OK了
<style scoped>
@import "../../assets/public.css";
header{
position: fixed;
top: 0;
left: 0;
width: 100%;
}
</style>
scoped属性(可选属性):会自动添加一个唯一的属性 (比如 data-v-21e5b78
) 为组件内 CSS 指定作用域,即css样式只在当前页面加载
如果引入了外部框架,很可能用了全局css,可能会影响你的部分样式,通过审查元素去定位问题就可以了。
更多推荐
已为社区贡献12条内容
所有评论(0)