在Vue.js模態中實現歷史函數的最佳方式

Question

在模態內實現歷史函數的最佳方式是什麼（Vue.js 2）？

就我而言，在排名頁面上，有人可以點擊用戶個人資料，並且用用戶的個人資料打開彈出窗口。用戶的配置文件可以顯示用戶屬於哪種組，並且當有人點擊該組時，該組的配置文件將以相同的模式加載。但是，應該顯示一個箭頭返回到以前的配置文件。

如何做到最好的方式？我應該實現命名的路由器視圖，還是應該使用插槽？或者我應該實現一個JavaScript函數？

Answer 1

取決於是否要將模態頁面推送到瀏覽器歷史記錄。如果是這樣，您可以手動history.pushState()或調整vue-router如果它已經在你的設置（例如添加key到router-view同一模態分量之間導航時強制重新呈現）。

我想這不會是必要的，因爲用戶已經有箭頭圖標，所以你可以讓一個模態組件VUE和改變其數據，因此它是由VUE重新呈現。同時，您需要管理一個歷史堆棧以在單擊箭頭時獲取「最後一頁」。它應該很簡單，只需一些arr.push() s和arr.pop() s。