vue route 跳轉

index.js
{
            path: '/grouporder/grouporderdetail/id/:id',
            name: '/grouporder/grouporderdetail/id/',
            component: () => import('@/view/guestOrder/groupOrderDetail')
        },

vue

this.$router.push({
        name: "/grouporder/grouporderdetail/id/",
        params: {
          id: this.ids
        }
      });

<router-link :to="{name:'/personorder/personorderdetail/id/',params:{id:ids}}">
        <el-button size="mini" type="primary">辦理預定</el-button>
</router-link>



{
        path: '/personorder/personorderdetail/id/:id',
        name: '/personorder/personorderdetail/id/',
        component: () =>              
            import('@/view/guestOrder/personOrderDetail')
        },  

{
         path:'/personorder/personorderdetail/persondetailcancel/id/:id/type/:type',
         component: () => import('@/view/guestOrder/personDetailCancel')
        },


<router-link :to="'/personorder/personorderdetail/persondetailcancel/id/'+ids+'/type/'+types">
     <el-button size="mini" type="danger" plain>跳轉到取消頁面</el-button>
 </router-link>