问题
项目在跳转到下一页时会出现排版混乱,只有重新刷新页面才能排版正常的bug
解决办法
在跳转前和跳转后页面的style上加上scoped,把公共样式写到分别写到子组件就OK了
scoped属性(可选属性):会自动添加一个唯一的属性 (比如 data-v-21e5b78) 为组件内 CSS 指定作用域,即css样式只在当前页面加载
如果引入了外部框架,很可能用了全局css,可能会影响你的部分样式,通过审查元素去定位问题就可以了。
项目在跳转到下一页时会出现排版混乱,只有重新刷新页面才能排版正常的bug
在跳转前和跳转后页面的style上加上scoped,把公共样式写到分别写到子组件就OK了
scoped属性(可选属性):会自动添加一个唯一的属性 (比如 data-v-21e5b78) 为组件内 CSS 指定作用域,即css样式只在当前页面加载
如果引入了外部框架,很可能用了全局css,可能会影响你的部分样式,通过审查元素去定位问题就可以了。