详情页用二级路由没有进入的动画
来源：3-3 项目作业
立志成为大佬的咸鱼
2020-03-14 22:35:16
详情页要像搜索页那样 进入与离开都要有动画
我先用一级路由：
没有问题 进入离开都有动画
但是想了想这个页面应该用二级路由合理点：
于是换成了二级路由：
但是换成了二级路由 进入这个页面没动画效果了 离开还是有 这是什么原因？怎么解决啊？难道非逼我用一级路由吗
写回答
1回答
-
同学你好，在Vue 提供了 transition 的封装组件中，只有4种情况可以给元素和组件添加进入/离开过渡
1.条件渲染 (使用 v-if)
2.条件展示 (使用 v-show)
3.动态组件
4.组件根节点
使用二级路由，可以给product页面中设置v-if ，默认让它隐藏，然后挂载组件的时候让它显示。这样就满足第一个v-if的情况，点击进入的时候就有动画了哦。参考如下设置：
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
相似问题
进入商品详情页时无动画
回答 1
关于 作业 - 商品细节页面 -1
回答 2