vue 頁面緩存 或頁面返回,上級頁面不刷新實現方法


一、使用keep-alive 和 vue-router 的 keepAlive 實現(頁面跳轉需動態控制keepAlive實現)

1、在入口頁面,比如 app.vue 頁面添加<keep-alive> 標簽。

// 方式一
<keep-alive>
      <router-view v-if="$route.meta.keepAlive"/>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"/>
// 方式二(include 設置 需要緩存的頁面路由name)
<keep-alive include="index">
      <router-view/>
</keep-alive>

2、

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM