vue-router 传复杂参数

配置路由

routes: [    
    {
      path: '/first/:dataList',
      name: 'firstView',
      component: firstView
    },    
  ]

页面button

<el-button type='primary' @click="goFirst" >first</el-button>

方法

goFirst() {
      let dataList = {
        dataList: [
          {
            name: "赵一剑",
            age: 21,
            gender: "famale"
          },
          {
            name: "赵一刀",
            age: 23,
            gender: "famale"
          }
        ]
      }
      this.$router.push({
        name: "firstView",
        params: {dataList: dataList}
      });
    },

在created()方法里接受参数

  created() {
    let dataList = this.$route.params.dataList;
    console.log(typeof dataList);
    console.log(dataList.dataList);
  }

效果