Vue 跳转页面，第一次进页面，会出现样式混乱，刷新后即恢复正常（问题已解决）

问题

如图，页面跳转进来，会出现左右两侧底部没有对齐的情况，刷新页面之后 就好了

刷新后

网上也看了很多博客，都没有解决问题，下面就记录一下我的排查经过，及处理方式

排查经过

1.是否因为路由跳转 导致的样式还没加载过来，加了处理方法后还是没有成功；（x）

2.style标签 中是否加入 scoped属性？header 给100% （x）

3.是不是网络问题，导致样式没有加载完全，排查网络运行速度及页面加载情况 （x）

4.最笨的方法，一个一个元素进行排查，一个一个样式进行查看，发现 父组件有一个高度 没有写，导致的页面样式错乱 （√）

.nstAudio 作为父级，没有 给height ：100%，导致的。

修改后

tips：建议 大家在写样式的时候，还是要多注意一下，仔细一些，在这个坑上面花费了一上午的时间，基本上和重新写没什么区别了，，特此记录一下下。也是为了提醒自己。