vue页面初始化按钮位置问题

刚进入页面时，按钮有一瞬间的移动，如下图所示，位置发生了变化
刚进页面：

数据加载完：

现在无法得知造成这种现象的原因，求遇到过相同情况的人帮忙解答，谢谢

按钮的位置是被上方的元素给挤下来了，按道理来讲这种属于bug，检查一下你的css

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7757992
• 这篇博客你也可以参考下：vue公共组件的某部分通过路由的改变显示与隐藏，组件内路由守卫的使用控制两个专属路由之间的数据交互
• 除此之外, 这篇博客: vue动态组件 & 异步组件 vue动态生成组件，循环生成组件中的 重新创建动态组件的行为通常是非常有用的，但是在这个案例中，我们更希望那些标签的组件实例能够被在它们第一次被创建的时候缓存下来。为了解决这个问题，我们可以用一个 元素将其动态组件包裹起来。 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

  	<!-- 失活的组件将会被缓存！-->
  	<keep-alive>
  	  <component v-bind:is="currentTabComponent"></component>
  	</keep-alive>
  

  来看看修改后的结果：
  

  现在这个 Posts 标签保持了它的状态 (被选中的文章) 甚至当它未被渲染时也是如此。你可以在这个示例查阅到完整的代码。
  注意这个 要求被切换到的组件都有自己的名字，不论是通过组件的 name 选项还是局部/全局注册。
  参考vue官方文档
  动态组件
  https://cn.vuejs.org/v2/guide/components.html#%E5%8A%A8%E6%80%81%E7%BB%84%E4%BB%B6

  异步组件
  https://cn.vuejs.org/v2/guide/components-dynamic-async.html

• 您还可以看一下 黄菊华老师的公司移动站点Vue实战课程（配后台，送所有代码）课程中的 微信小程序入门到就业课（全栈课）学习说明【建议看下】小节, 巩固相关知识点
  

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^