（避免遗忘）vue的组件间页面跳转功能

要实现页面跳转，首先被跳转页面需要在路由配置页面（router文件夹下的index文件）内，注册配置信息（注意是公共路由下），如下：

  {
    path: '/did',
    component: Layout,
    redirect: 'index',
    children: [
      {
        path: 'cpt/index',
        component: () => import('@/views/did/cpt/index'),
        name: 'cptList',
        meta: { title: '凭证服务列表', icon: 'user' },
        props: true
      }
    ]
  },

 redirect: 'index'：表示要嵌套在内层

component: () => import('@/views/did/cpt/index') ：表示定位到组件所处的文件位置

name: 'cptList' ：路由名称

meta: { title: '凭证服务列表', icon: 'user' }：组件的显示信息，页面标题啥的

然后到组件内实现跳转方法，如下：

    // 跳转到凭证列表页面
    toCptList(row) {
      this.$router.push({
        name: 'cptList',
        path:"/did/cpt/index",
        params: {
          id: row.id,
        }
    })
    }

 通过params传参，但是需要name指定要接参的路由，否则参数传不到

接参数：

// 通过this.$route.params获取上一页面传过来的参数
this.$route.params.id