vue项目element-ui中el-table-column列表标签的获取当前点击id
获取当前点击下标<el-table :data="list" stripe border>//:data="list"中为数组数据<el-table-column label="查看"><el-button slot-scope="scope" @click="dianji(scope.$index)">点击查看</el-button>//需要当前下
·
获取当前点击下标
<el-table :data="list" stripe border>
//:data="list"中为数组数据
<el-table-column label="查看">
<el-button slot-scope="scope" @click="dianji(scope.$index)">点击查看</el-button>
//需要当前下标需要使用scope.$index获取当前点击下标
//需要注意的是在使用scope.$index的时候需要同时使用slot-scope="scope" 来进行搭配使用,否则会报scope未定义的错误
</el-table-column>
将数据通过链接传递给下个页面
dianji(qq) {
const ckid = this.list[qq].deviceId
//当前拿取数据赋值给ckid
this.$router.push({ path: '/equipment/jumpdevice', query: { jId: ckid }})
//使用this.$router.push进行跳转传参
//path中是跳转的链接
//query中{接收名:当前页面数据}
console.log(this.list[qq].deviceId, '设备ID')
},
将数据在下个页面进行接收
created() {
const id = this.$route.query.jId
//接收上个页面传递的值 名字为jId
this.chakanid = id
console.log(this.chakanid, '点击查看的id')
this.jumpdeviceliat()
},
更多推荐
已为社区贡献2条内容
所有评论(0)