围绕路由器 View 的 q 转换存在问题。发生转换时,新内容会在旧内容离开 DOM 之前进入 View 。它将新内容放在现有元素下方的较低位置,然后在旧内容最终消失后弹出。这是一个已知问题还是我只是做错了什么?有解决方法吗?

<q-transition appear enter="bounceInLeft" leave="bounceOutRight"> 
  <router-view></router-view> 
</q-transition> 

您可以在下面看到新内容处于低位,然后重新绘制。

谢谢

请您参考如下方法:

通过查看底层的 Vue 动画/过渡功能找到了答案。需要按照此处指定的方式设置 mode="out-in":https://v2.vuejs.org/v2/guide/transitions.html


评论关闭
IT序号网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!