vue如何實現前端頁面切換但不重新整理頁面內容

時間 2021-05-05 08:29:15

1樓:點點通軟體公司

在點餐的時候,我們提交到確認訂單卻又返回了,從新再點。這時我們返回時就不能重新整理,所以最好是這個點餐和確認訂單是在乙個頁面的。如果使用mui的單頁面,可能會是頁面太多了不方便操作。

再加上介面什麼的,就內容過多。

我們可以考慮利用框架iframe,第二個頁面通過iframe引進來,但是注意他們可能是乙個頁面了,當你進入第二個也就是那個iframe框架的頁面時,返回可能就是整體返回而忽視點餐的那個頁面,因為把他們當整體啦。

知識點:

window.self 對當前視窗自身的引用。等價於windowwindow.

top. 返回頂層視窗,即瀏覽器視窗window.parent 返回父視窗。

在框架網頁中,一般父視窗就是頂層視窗,但如果框架中還有框架,父視窗和頂層視窗就不一定相同了。

在框架iframe指的那個具體的頁面中寫:

window.parent .closeiframe()在包含框架的主頁面寫

function closeiframe()返回父視窗。

2樓:匿名使用者

你可能需要 vue-router,了解一下?

網頁鏈結

vue-router跳轉頁面,url變化但頁面裡的資料沒變化,什麼情況

3樓:千鋒教育

localhost:8080/xname/1localhost:8080/xname/2xname.vue只created一次

怎樣才能讓1和2頁面顯示的資料不一樣呢,

嘗試了下watch $route,我的xname.vue**如下:

created(),

watch:,

methods:

}但是這種方式會存在下面的問題頁面進入的時候執行了一次fetchdata,頁面離開的時候又執行了一次fetchdata,每次進入頁面都得重新整理資料,沒有快取

如何寫一手漂亮的Vue

練好鋼筆字,對於小學生,以及一些字型尚未定型的廣大青年來說,一般比成年人容易些。這是因為他們容易接受新的字型,一旦有正確的引導,選擇合適的字型,正確的方法,再有持之以恆的態度,在短期內便可收到良好的效果。而對於字型已定型的成年人,要練好鋼筆字就不那麼容易了。由於他們以前沒有注意字的好壞,一些難看甚至...

如何在中實現某些段落前自動編號的取消

第一步 新建樣式,如 編號 修改 編號 樣式,樣式基於 正文 後續段落樣式 正文 點修改樣式左下角的格式 編號,選擇編號形式。第二步 修改 正文 樣式,在後續段落樣式中選中剛才建立的 編號 樣式。第三步 選擇 1.這是個問題?樣式改為 編號 樣式。如此,問題 編號樣式 回車後是 答案 也就是正文樣式...

如何實現SpringDataJpa實現兩張沒有主外來鍵關係的

我們都沒有對 先插入主鍵所在的表 即主表 獲得其id後,插入外來鍵所在的輔表即可。如何實現springdatajpa 實現兩張沒有主外來鍵關係的表的聯合查詢 司馬鑄劍 先插入主鍵所在的表 即主表 獲得其id後,插入外來鍵所在的輔表即可。如何實現springdatajpa 實現兩張沒有主外來鍵關係的表...