Vue 如何返回頁面時不重新發接口

1 app.vue 里面 注意route.meta.keepAlive
<template>
<div id="app">
<transition :name="transitionName">
<router-view class="child-view" v-if="!route.meta.keepAlive" v-wechat-title='route.meta.title'></router-view>
</transition>
<transition :name="transitionName">
<keep-alive>
<router-view class="child-view" v-if="route.meta.keepAlive" v-wechat-title='route.meta.title'></router-view>
</keep-alive>
</transition>
<loading></loading>
</div>
</template>

2 index.js里面,在不想刷新的地方 添加keepAlive:true

3 寫方法
就是A跳B,如果不想讓A重新發接口,就在B頁面加,然后B返回A的時候,A就不發接口了
beforeRouteLeave(to, from, next) {
// 設置下一個路由的 meta
to.meta.keepAlive = true; // 讓 A 緩存,即不刷新
next();
},

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容