鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ vue-router 頁面刷新后回到當(dāng)前主頁面如何實(shí)現(xiàn)?

vue-router 頁面刷新后回到當(dāng)前主頁面如何實(shí)現(xiàn)?

想實(shí)現(xiàn)的效果:

  1. 頁面有主流程頁面, 比如首頁->列表頁->詳情頁; 通過vue-router跳轉(zhuǎn), 主流程頁面的路由刷新后頁面后停留在當(dāng)前頁面,
  2. 主流程內(nèi)部的路由跳轉(zhuǎn)刷新后都回到對(duì)應(yīng)的主流程頁面如何實(shí)現(xiàn)? 感謝

場(chǎng)景: 我再列表頁,點(diǎn)開了日期選擇頁面(這個(gè)頁面也是路由實(shí)現(xiàn)的) 我想F5刷新頁面后 頁面回到列表頁而不是日期選擇頁面

回答
編輯回答
艷骨

main.js

const vue = new Vue({
    el: '#app',
    router,
    template: '<App/>',
    components: { App }
})

window.addEventListener('load', function () {
   if (vue.$route.path === '/date') { // /date 表示日期選擇路由
       vue.$router.replace('/list') // 列表頁面的路由
   }
})
2017年10月8日 17:54
編輯回答
離魂曲

clipboard.png

可以依據(jù)to和from 來判斷 你要做的處理

2018年6月29日 21:57