vue动态组件左右切换过渡问题？

Question

<transition :name="name">
  <keep-alive>
    <component :is="componentId"></component>
  </keep-alive>
</transition>

想法： 通过左右滑动来切换动态组件。比如向左滑动，leave组件和enter组件同时开始向左滑动（类似ios的前进后退）但是在实现的过程中无法做到两个组件同时滑动，只会是一个组件消失后另一个组件出现，中间会有一个白屏，请问如何解决这个问题？

Answer 1

1: 你要写三个 容器
2: 当前显示的在中间的容器内
3: 用户滑动的时候判断滑动方向 才会去加载 两边的容器里的内容

Answer 2

额 这个官网上不是刚好有一个ON OFF的例子吗？
不知道你的滑动怎么写的。要给component绑定key，不同component对应不同key。