鍍金池/ 問答/HTML/ VUE如何在翻頁時將頁數(shù)放到地址路徑中？第一次進(jìn)入頁面由于規(guī)范問題無法填入`/:

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

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

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

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

圖片描述

也嘗試過在翻頁時使用如下寫法

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

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

回答
編輯回答
硬扛

routes: [

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

vue router 動態(tài)路由
2017年10月18日 11:02
編輯回答
綰青絲

傳說中的高級匹配模式了解一下？

https://router.vuejs.org/zh/g...

path: '/product/product_list/:page?'

這樣的話，可以同時匹配/product/product_list和/product/product_list/1

2017年2月10日 08:17
編輯回答
網(wǎng)妓

帶參路由就可以解決

2017年7月8日 04:21
編輯回答
亮瞎她

看懂了，是要求頁面路由需要支持可選參數(shù)吧？

加個問號
path: '/product/product_list/:page?'

2018年4月18日 05:41