VUE如何在翻頁(yè)時(shí)將頁(yè)數(shù)放到地址路徑中？第一次進(jìn)入頁(yè)面由于規(guī)范問(wèn)題無(wú)法填入`/:page`路由參數(shù)導(dǎo)致404。

列表有3頁(yè)，進(jìn)入要詳情后再返回會(huì)回到第一頁(yè)。
想做到點(diǎn)擊第二頁(yè)地址欄記錄，這樣返回時(shí)直接就是第二頁(yè)的列表。

目前菜單由后端返回，路由中不能帶頁(yè)數(shù)。
看圖，product_list這里就是他的路徑,route文件配置，如果加上:page則會(huì)導(dǎo)致404。能不能給:id帶上默認(rèn)值？

{
    path: "/product/product_list/",
    name: 'product_list',
    component: product_list,
    props: true,
  },

圖片描述

也嘗試過(guò)在翻頁(yè)時(shí)使用如下寫(xiě)法

this.$router.push({
        name: "product_lise",
        path: `/product/product_lise`,
        params: {
          page: pageNum,
        }
      });

觸發(fā)后地址欄無(wú)變化

回答

編輯回答

硬扛

routes: [

{
  path: '/',
  name: 'Home',
  component: Home,
  children: [
    {
      path: '/detail/:id',
      name: 'Detail',
      component: Detail
    },
  ]
}]

vue router 動(dòng)態(tài)路由

2017年10月18日 11:02

編輯回答