vue 实现选项卡的效果过渡transition

Question

像这种简单选项卡，我点击每个产品介绍，切换对应的内容，我想用transition做过渡，怎么做，求大神指教

Answer 1

vue的transition，主要针对v-if或者v-show的基础上使用，你这里，下面内容部分可用同一个变量控制显示隐藏，再点击上面的tab的时候，改变那个变量的状态即可。

Answer 2

如果只是选项卡的话，我更倾向于swiper。如果你想用vue的transition请参考该文章。