vue实现带参跳转页面（实测真实有效）

最近项目中需要跳转页面，但是又得把参数带过去，因为下一个页面得查询需要参数，之前查了一些资料不是很全面，我用的若依框架写得前端，因此有些路由是在数据库里面的，这是一个坑，我们需要编写一个新的路由来实现。

首先我们写上路由，这是我们需要跳转到页面的路由，并且携带了参数testId

  {
    path: '/Test/test',
    component: Layout,
    hidden: true,
    permissions: ['Test:test:list'],
    children: [
      {
        path: 'index/:testId(\\d+)',
        component: () => import('@/views/Test/test/index'),
        name: 'Data',
        meta: { title: '测试', activeMenu: '/Test/test' }
      }
    ]
  }

我这里的设定是在表单的某个字段作为点击跳转的媒介，当然大家也可以另外设置一个按钮作为媒介。

  <el-table-column label="编码" align="center" :show-overflow-tooltip="true" >
        <template slot-scope="scope">
          <router-link :to = "'/Test/test/index/' + scope.row.testId" class = "link-type">
            <span>{{scope.row.code}}</span>
          </router-link>
        </template>
   </el-table-column>