Vue.js
免费商城 标签描述

解决痛点 最近在项目中碰到一个优化场景:订单列表页订单信息较多时,每次查看详情后返回时,由于重新调用接口导致页面重新渲染,滚轮不会停留在原始位置。造成用户每次返回都要重新下拉,体验感极差。 解决方案 keep-alive组件缓存 <keep-alive>包裹的动态组件会被缓存,它是一个抽象组件,自身不会渲染一个dom对象,也不会出现在父组件链中。当组件在<keep-alive>内被切换时,它的activated和deactivated这两个生命周期钩子函数将会被对应执行。 <keep-alive:include="componentsList"> <...