vue新增路由与页面跳转

2022-05-18 09:02:02 阅读：116 来源： 互联网

标签：orderId vue optimizeDetail name id 跳转 path order 路由

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: '优化单详情' },

  }]
},

跳转

<template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            @click="() => { $router.push({ path: `/order/optimizeDetail/${orderId}/${scope.row.id}` }) }"
            icon="el-icon-tickets"
            >详情</el-button
          >
        </template>

接收参数

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

标签：orderId,vue,optimizeDetail,name,id,跳转,path,order,路由
来源： https://www.cnblogs.com/jqynr/p/16283277.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

vue新增路由与页面跳转