我在准备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?