vue详情页返回列表页保留筛选条件及页码 并调取刷新列表

第一步

在列表页的路由meta属性中 添加 keepAlive:true

 

 第二步

在App.vue中添加

 

    <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive"></router-view>

第三步  

因keepAlive属性对应activated函数钩子 只需在此函数中调取列表接口即可