甲爸爸提了一个需求,希望公众号内的商城能够像app一样,从商品详情页跳转至列表页及其他列表页时,可以实现列表页缓存(数据不刷新、位置固定到之前点的商品的位置)
本来想着scrollBehavior应该可以满足,但是实际操作中发现:如果列表带着分页,位置是不会定位到点击的位置的
在网上转了一圈,终于找到适合自己的方法——beforeRouteLeave
注:beforeRouteLeave只对一级页面起作用,不适用于children中的其他二级或其他级别的页面
以上是准备工作,接下来 可以步入正题了:
找到入口挂载页面:App.vue 在router-view外部包裹一个keep-alive