vue新增路由与页面跳转

router/index.vue

{
  path: '/order',
  component: Layout,
  name: 'optimize',
  hidden: true,
  redirect: '/order',
  children: [{
    path: 'optimizeDetail/:orderId/:id',
    component: (resolve) => require(['@/views/manufacture/order/optimizeDetail'], resolve),
    name: '优化单详情',
    meta: { title: '优化单详情' },

  }]
},

跳转

接收参数

export default {
  name: "detail",
  components: { BreadcrumbSub },
  data() {
    return {
      orderId: this.$route.params.orderId,
      id: this.$route.params.id,