1. 程式人生 > >vue 路由傳遞引數,重新整理頁面後引數丟失

vue 路由傳遞引數,重新整理頁面後引數丟失

在用vue做專案的時候,發現在新頁面重新整理後,上一頁面帶過來的引數會丟失,查閱資料才發現原來自己對params和query理解不透徹
下面是兩種傳參方法:
1、用 params 傳參,需要路由里加上這個引數

this.$router.push({name:'list', params:{id: id}});
routes: [
    {
      path: '/list/:id',
      name: 'list'
    }
  ]

可以通過 this.$route.params.id 來獲取

2、可以將引數寫到路徑裡

this.$router.push({path: '/folder/file', query: {id: list.id, name: list.name}})

可以通過 this.$route.query.id 來獲取