真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

keepAlive的使用方法-創(chuàng)新互聯(lián)

keepalive,是在TCP中一個可以檢測死連接的機(jī)制。

創(chuàng)新互聯(lián)建站主營昌邑網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,App定制開發(fā),昌邑h5微信小程序開發(fā)搭建,昌邑網(wǎng)站營銷推廣歡迎昌邑等地區(qū)企業(yè)咨詢

keepalive原理很簡單,TCP會在空閑了一定時間后發(fā)送數(shù)據(jù)給對方:

1.如果主機(jī)可達(dá),對方就會響應(yīng)ACK應(yīng)答,就認(rèn)為是存活的。

2.如果可達(dá),但應(yīng)用程序退出,對方就發(fā)FIN應(yīng)答,發(fā)送TCP撤消連接。

3.如果可達(dá),但應(yīng)用程序崩潰,對方就發(fā)RST消息。

4.如果對方主機(jī)不響應(yīng)ack, rst,繼續(xù)發(fā)送直到超時,就撤消連接。這個時間就是默認(rèn)的二個小時。

用vue做后臺管理項(xiàng)目,特別是有列表頁、列表數(shù)據(jù)詳情頁、列表數(shù)據(jù)修改頁功能的碼友們,幾乎都被vue前進(jìn)后退都刷新的邏輯坑過,有時候需要保存組件狀態(tài),
要求 :

1.列表頁進(jìn)入詳情頁返回列表頁時列表不能刷新,連頁數(shù)、篩選條件等都不能變

2.列表頁進(jìn)列表數(shù)據(jù)編輯頁若數(shù)據(jù)有改動返回列表頁列表數(shù)據(jù)得刷新,但頁數(shù)、篩選條件等都不能變

3.非詳情頁、編輯頁進(jìn)入列表頁時列表數(shù)據(jù)得刷新,頁數(shù)、篩選條件等都全部重置

總結(jié)一下就是‘這個列表頁我想讓它刷新,他就得刷新,不想讓他刷,他就無變化

那么是啥呢?對,是keep-alive組件,對,是它。

但單純的keep-alive是前進(jìn)后退都不會刷新的,所以需要改造一下,讓它乖乖聽話。這個過程需要路由路由參數(shù)meta配合我們。

1.在路由文件中為目標(biāo)列表頁設(shè)置meta參數(shù),里面包含keepAlive和ifDoFresh字段

復(fù)制代碼
{
path:'*',
name:'datalists',
component: resolve => require(['@/view/datalist'], resolve),
meta:{
keepAlive: true,
ifDoFresh:false
}
},

復(fù)制代碼

2.在程序主入口main.vue中設(shè)置頁面根據(jù)keepAlive字段判斷是否使用keep-alive組件。

復(fù)制代碼






復(fù)制代碼
3.在目標(biāo)列表頁的beforeRouteEnter方法中判斷頁面進(jìn)入方式(詳情頁,編輯頁或其他方式),根據(jù)需求將路由參數(shù)的ifDoFresh字段設(shè)為true/false,

在頁面的activated(開啟了 keepAlive: true的頁面在第二次進(jìn)入時是無法觸發(fā)mounted發(fā)法的)方法中根據(jù)ifDoFresh字段判斷是否刷新頁面。

復(fù)制代碼
beforeRouteEnter (to, from, next) {
if(from.name!='詳情頁'&&from.name!='編輯頁')
{
to.meta.ifDoFresh = true;
}
next();
},
activated(){
//開啟了keepAlive:true后再次進(jìn)入,以前的搜索條件和頁數(shù)都不會變,無論什么情況都調(diào)用一下獲取數(shù)據(jù)的接口,這樣就能得到當(dāng)前搜索條件和頁數(shù)的最新數(shù)據(jù)
if(this.$route.meta.ifDoFresh){
//重置ifDoFresh
this.$route.meta.ifDoFresh = false;
 //獲取列表數(shù)據(jù)方法第一參數(shù)為是否重置搜索條件和頁數(shù)
this.getData(true);
}else{
this.getData();
}
}
完結(jié)!

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。


網(wǎng)頁標(biāo)題:keepAlive的使用方法-創(chuàng)新互聯(lián)
鏈接地址:http://weahome.cn/article/hojsi.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部