nuxt3 多级动态路由

Ajaxguan

已于 2023-06-20 15:09:32 修改

阅读量931

点赞数

文章标签：前端 nuxt3 javascript

于 2023-06-20 15:06:21 首次发布

本文链接：https://blog.csdn.net/Ajaxguan/article/details/131306571

版权

需求：

写法：

对应文件目录

pages\product\[class]\[brand]\[SPU].vue

pages/
--| product/

----| [class]

------| [brand]

--------| [SPU].vue

script 内跳转方法

const router = useRouter()
const nuxtApp = useNuxtApp()

const jumpSPU = () => {
  const params = {
    class: item.class || '_',
    brand: item.brand || '_',
    SPU: item.id
  }
  router.push(nuxtApp.$localePath({ name: 'product-class-brand-SPU', params }))
}