vue router 动态路由使用模板字符串问题？

  • Z时代
  • 2024-02-18
  • 分类：IT

有一个 vue 的动态路由，根据 username 去渲染不同 username 下的数据

const routes = [
    {
    path: '/:username',
    name: 'index',
    component: () => import(/* webpackChunkName: "preview" */ '../src/components')
  },
]

比如原始的 url 是

https://www.abc.com/tom

现在想修改一下路由的 path，在 username 前面加个时间戳，改成

https://www.abc.com/169980009/tom

我现在已经获取了时间戳 let hourTimeStamp = dayjs(time).unix()
但 path 里面无法又使用模板字符串和动态路由，下面这种写法不行

path: `${hourTimeStamp}/:username`

请问还有什么别的办法吗？

回答：

不应该是 path: '/:timeStamp/:username' 吗？然后每次router.push的时候去插入时间戳吗？

以上是 vue router 动态路由使用模板字符串问题？ 的全部内容， 来源链接： utcz.com/p/932860.html

回到顶部