Vue+ElementUI表格数据点击带参数跳转至新页面

1.跳转页面

表格列

<el-table-column label="名称" align="center" >

        <template slot-scope="scope">

          <el-link type="primary" @click="handleDetail(scope.row)">{{scope.row.Name}}               </el-link>

        </template>

</el-table-column>

methods写方法

    handleDetail(row){

      //需要传的数据

      const data = row.catalogueId;

      //路由跳转到新页面

       this.$router.push({  //核心语句

        path:'attribute',  //跳转的路径

        query:{             //路由传参时push和query搭配使用 ，作用时传递参数

          catalogueId:data,

        }

      })

    },

2.新页面

接受数据

const data= this.$route.query.catalogueId;