vue中的路由带参传值

vue中的路由带参传值

在后台系统开发中，有一些跳转是需要带着参数的，比如当从某区域下查看某个商品的详细信息的时候，需要商品的唯一ID来进行查找，因此在页面跳转的时候，需要有一些参数传递到详情页面。那么久涉及到页面传值的问题了。

// 在路由的文件中，写入某条路由
{
   
    path: '/order/orderdetail/:id', // 在这个路径后加上:id,在页面跳转的时候就需要给这个id传值
    component: resolve => require(['@/components/order/OrderDetail.vue'], resolve)