获取当前点击下标

<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()
},
Logo

前往低代码交流专区

更多推荐