Vue+ElementUI表格数据点击带参数跳转至新页面
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;
更多推荐
已为社区贡献2条内容
所有评论(0)