Vue中keep-alive組件的深入理解-創(chuàng)新互聯(lián)

前言

成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),茄子河企業(yè)網(wǎng)站建設(shè),茄子河品牌網(wǎng)站建設(shè),網(wǎng)站定制,茄子河網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,茄子河網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

最近在寫Vue項目的時候，遇到了一個問題，我從A路由使用parmas方式傳參跳轉(zhuǎn)到B路由，然后從B路由跳轉(zhuǎn)到C路由，再從C路由返回B路由的時候，發(fā)現(xiàn)從A路由傳到B路由的參數(shù)已經(jīng)不存在了。

Vue中keep-alive組件的深入理解

正文

我們都知道，vue組件進(jìn)行路由跳轉(zhuǎn)時，會銷毀當(dāng)前組件。所以從其他路由返回當(dāng)前路由時，當(dāng)前路由會重新執(zhí)行生命周期鉤子函數(shù)。這就導(dǎo)致了上述問題，A路由傳到B路由的參數(shù)沒了。

當(dāng)遇到這種問題的時候，我們會首先想到，我們能不能讓B路由的數(shù)據(jù)保存下來呢？這就不得不提到Vue的一個組件了，它就是keep-alive。

keep-alive

<keep-alive>包裹動態(tài)組件時，會緩存不活動的組件實例，而不是銷毀它們。
在路由出口加上：

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

標(biāo)題名稱：Vue中keep-alive組件的深入理解-創(chuàng)新互聯(lián)
分享URL：http://www.2m8n56k.cn/article28/cepdjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計、面包屑導(dǎo)航、小程序開發(fā)、商城網(wǎng)站、網(wǎng)站制作、網(wǎng)頁設(shè)計公司

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

Vue中keep-alive組件的深入理解-創(chuàng)新互聯(lián)