類(lèi)似于這樣的頁(yè)面
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-815857.html
實(shí)現(xiàn)思路如下：文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-815857.html
- 首先我們?cè)趐inia中定義一個(gè)刷新?tīng)顟B(tài)的字段，點(diǎn)擊按鈕的時(shí)候，改為相反的值
- 對(duì)主頁(yè)面的路由跳轉(zhuǎn)Router-view綁定一個(gè)v-if,它綁定一個(gè)自定義的一個(gè)響應(yīng)的參數(shù)，我們?cè)谥黜?yè)面監(jiān)聽(tīng)pinia的刷新?tīng)顟B(tài)數(shù)據(jù)，如果它發(fā)生變化，就把定義的響應(yīng)參數(shù)改為false，那么對(duì)應(yīng)的路由組件就會(huì)銷(xiāo)毀，當(dāng)銷(xiāo)毀完成，dom重新生成完成后，再把?響應(yīng)狀態(tài)改為true，這樣組件就會(huì)重新創(chuàng)建，實(shí)現(xiàn)刷新功能，這里的dom重新生成觸發(fā)，可以通過(guò)nextick(),方法實(shí)現(xiàn)
let isRefresh=ref(true)
watch(()=>isFold.refresh,()=>{
console.log('改變了')
isRefresh.value=false
nextTick(()=>{
console.log('dddddddd')
isRefresh.value=true
})
})到了這里，關(guān)于如何實(shí)現(xiàn)網(wǎng)頁(yè)當(dāng)前頁(yè)面刷新功能的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
