vue切換路由不讓頁面刷新 目前在用VUE做一個(gè)網(wǎng)頁,上面有個(gè)實(shí)時(shí)數(shù)據(jù)變化展示,如何才能做到不頁面刷新使頁面數(shù)據(jù)變化?
目前在用VUE做一個(gè)網(wǎng)頁,上面有個(gè)實(shí)時(shí)數(shù)據(jù)變化展示,如何才能做到不頁面刷新使頁面數(shù)據(jù)變化?當(dāng)你這樣描述它時(shí),你首先想到的是Ajax雖然你還沒有使用Vue,但文檔中肯定有類似的工具當(dāng)我們訂購時(shí),我們會(huì)提
目前在用VUE做一個(gè)網(wǎng)頁,上面有個(gè)實(shí)時(shí)數(shù)據(jù)變化展示,如何才能做到不頁面刷新使頁面數(shù)據(jù)變化?
當(dāng)你這樣描述它時(shí),你首先想到的是Ajax
雖然你還沒有使用Vue,但文檔中肯定有類似的工具
當(dāng)我們訂購時(shí),我們會(huì)提交訂單以確認(rèn)它,但我們會(huì)退回它并再次訂購。此時(shí),我們返回時(shí)無法刷新,所以最好在同一頁上訂購并確認(rèn)訂單。如果使用Mui的單頁,可能會(huì)有太多的頁面無法操作。加上界面,內(nèi)容太多了。我們可以考慮使用iframe框架。第二個(gè)頁面是通過iframe引入的,但是請(qǐng)注意它們可能是一個(gè)頁面。當(dāng)您進(jìn)入第二個(gè)頁面,即iframe framework頁面時(shí),返回可能是整個(gè)返回,但是order頁面將被忽略,因?yàn)槟鷮⑺鼈円暈橐粋€(gè)整體。知識(shí)點(diǎn):窗口.self對(duì)當(dāng)前窗口本身的引用。相當(dāng)于窗口.top. 返回頂層窗口,即瀏覽器窗口窗口.父級(jí)返回父窗口。在框架頁面中,父窗口通常是頂級(jí)窗口,但如果框架中有框架,則父窗口和頂級(jí)窗口不一定相同。在iframe引用的特定頁面中,寫下:window.parent.closeiframe文件()在包含框架的主頁面上編寫函數(shù)closeiframe(){//隱藏框架$(“iframe”)。Hide()}返回頁面時(shí)返回父窗口。
vue如何實(shí)現(xiàn)前端頁面切換但不刷新頁面內(nèi)容?
虛擬用戶.js(是一個(gè)用于構(gòu)建用戶界面的漸進(jìn)式框架。與其他重量級(jí)框架不同,Vue采用了自底向上的增量開發(fā)設(shè)計(jì)。Vue的核心庫只關(guān)注視圖層,它是一個(gè)數(shù)據(jù)驅(qū)動(dòng)的前端框架。在開發(fā)Vue的頁面時(shí),有時(shí)會(huì)遇到刷新當(dāng)前頁面的功能,但是Vue框架的路由器不支持刷新當(dāng)前頁面的功能,只支持在路由路徑發(fā)生變化時(shí)刷新頁面。基于這個(gè)原理,為了刷新頁面,可以先跳轉(zhuǎn)到一個(gè)空頁面,然后立即跳回,從而實(shí)現(xiàn)這個(gè)功能。
vue如何刷新當(dāng)前頁面?
Vuex和window對(duì)象非常相似,因?yàn)樗莝pa,所以Vuex可以進(jìn)行狀態(tài)管理。但是,刷新頁面時(shí),vuex將重置為其初始值。換句話說,如果您使用Vue執(zhí)行多個(gè)頁面,則不會(huì)保存您的狀態(tài)。本地存儲(chǔ)是H5本地存儲(chǔ)的一種方式。本地存儲(chǔ)器保存的數(shù)據(jù)總是永久保存的,也就是說,只要本地存儲(chǔ)器保存了信息,數(shù)據(jù)就總是存儲(chǔ)在用戶的客戶端。即使用戶關(guān)閉當(dāng)前web瀏覽器并重新啟動(dòng),也允許數(shù)據(jù)存在。直到用戶或程序明確地進(jìn)行刪除,數(shù)據(jù)的生命周期才會(huì)結(jié)束。所以你應(yīng)該了解他們各自的情況。
vuex存儲(chǔ)信息,刷新頁面后數(shù)據(jù)沒了,有什么辦法可以保留數(shù)據(jù)么?
本地主機(jī):8080/xname/1本地主機(jī):8080/xname/2xname.vue文件如何使第1頁和第2頁僅在創(chuàng)建后顯示不同的數(shù)據(jù)?我試著看$route,我的xname.vue文件代碼如下:created(){此.fetchdata()},注意:{“$route”:“fetchdata”},方法:{fetchdata(){控制臺(tái).log(“created”)}}然而,這種方式存在以下問題:頁面進(jìn)入時(shí)執(zhí)行一次fetchdata,頁面離開時(shí)執(zhí)行一次fetchdata。每次進(jìn)入頁面,都要刷新數(shù)據(jù),沒有緩存
1。問題描述
2。Apache服務(wù)器配置
3。Nginx服務(wù)器配置