详情页返回table页时的缓存路由处理

  • 在配置路由的时候,可以在路由的meta内声明属性用于判断,当前路由是否需要缓存,例如:
meta:{
    "cache":true
}
  • 在layout页面写一个计算属性用于判断路由标识是否存在cache属性为true
get isCache(){
    return (this.$route && this.$route.meta && this.$route.meta.cache) || false
}
  • 在layout页面的路由出口router-view进行判断
<keep-alive>
    <router-view v-if="isCache">
</keep-alive>
<router-view v-if="!isCache">
  • antd的table页面,滚动条位置,路由缓存后好像存在bug,需要在跳转路由的时候手动记录table滚动条位置,然后从详情页回来时讲滚动条位置信息传回,并在actived钩子函数内重新设置滚动条位置
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值