创建Vue路由器的最佳方法-在线商店

时间:2019-07-08 15:08:26

标签: javascript vue.js url-rewriting store vue-router

我在准备vue-router到我的网上商店时遇到了一些问题。我有两个级别的产品类别树状视图,其中包含父项和子项。 我的类别视图是动态构建的,可从数据库获取数据:

PARENT
– CHILD 1
– CHILD 2
PARENT 2
– CHILD 1
– CHILD 2
PARENT 3
- CHILD 1
PARENT 4
- CHILD 1
- CHILD 2

等 我不知道如何准备动态路由器。现在,我做这样的事情:

{
        name: 'Produkty',
        display: true,
        meta: { requiresAuth: false, menuType: 'topNav' },
        path: '/produkt/:categoryId?/:subCategoryId?',
        component: () => import(/* webpackChunkName: "home" */ './views/home/product')
      },
      {
        name: 'productDetail',
        display: false,
        meta: { requiresAuth: false },
        path: '/produkt/:categoryId/:subCategoryId/:productId',
        component: () => import(/* webpackChunkName: "home" */ './views/home/product/Details')
      }

我不知道这是个好方法吗?也许有人对此有更好的主意? 我还想基于路由器路径实现动态面包屑。

和其他问题: 例如,如何从http://localhost/produkt/1234/523/123(productId)重定向到http://localhost/product_name.html

0 个答案:

没有答案