![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
路由
混水妹妹
这个作者很懒,什么都没留下…
展开
-
vue keep-alive 动态控制缓存页面并记录历史位置
一、案例前景说明 (1)管理中心进入订单列表页 (不需要缓存) (2)订单详情页进入订单列表页(需要缓存) 1、从管理中心进入订单列表页 要请求数据(并更新数据),并不需要做缓存。 2、从订单列表页,特定位置,进入到订单详情页,然后从订单详情返回到订单列表页,是要在特定位置即历史位置,所以要做到缓存处理。 二、如何缓存页面,并记录历史位置 (1)先给缓存页面特定的名字(唯一) <script> export default { name: 'Orderlist', } </script原创 2020-09-01 14:12:25 · 601 阅读 · 1 评论 -
vue 路由动画过渡效果
为了增加用户体验,在切换路由时可加动态的过渡效果。 应用场景: 1、样式 /*路由切换 animation start */ .slide-left-enter-active, .slide-left-leave-active { transition: 0.3s transform ease; backface-visibility: hidden; perspective: 1000; } .slide-left-enter { transform: translate原创 2020-06-19 17:36:26 · 1261 阅读 · 1 评论