vue页面列表页跳转详情页传参

木毅01

已于 2024-05-23 15:22:52 修改

阅读量156

点赞数 3

分类专栏： vue 文章标签： vue.js javascript 前端

于 2024-05-23 15:14:10 首次发布

本文链接：https://blog.csdn.net/qq_27806371/article/details/139148645

版权

vue 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

路由页面：
  {
    name: 'merge',
    path: '/merge',
    component: () => import('@/views/school/phyTask/merge'),
    hidden: true
  },
  {
    name: 'mergeDetail',
    path: '/mergeDetail',
    component: () => import('@/views/school/phyTask/mergeDetail'),
    hidden: true
  },

merge页面：
  getTaskResult(row) { //查询条件-班级列表  
    this.$router.push({ name: 'mergeDetail', params: { id: row.id, physicalVersion: row.physicalVersion, schoolName: row.schoolName} })
  },
  也可以一起传过去
  getTaskResult(row) { //查询条件-班级列表  
    this.$router.push({ name: 'mergeDetail', params: row })
  },


mergeDetail页面：
  let options = this.$route.params
  如果是一起传过来的这时候拿到的是全部 酱紫就不用一个一个传一个一个获取(获取参数的方式一样)