博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
element-UI中table表格的row-click事件怎么获取一行数据的id
阅读量:5094 次
发布时间:2019-06-13

本文共 1509 字,大约阅读时间需要 5 分钟。

该如何把一行数据的id放到@row-click里面当作参数传递呢?

export default {    data () {        return {            tableData: [                {                    id: '1',                    wName: 'xxx公众号1',                    wID: 'zjfiawsf',                    seller: 'xxxxx公司xxxxx公司xxxxx公司',                    sign: '已签约',                    amount_1: '14614.00',                    amount_2: '0.00',                    amount_3: '322.00',                    amount_4: '32122.00',                    date: '2019-08-09',                    status: '未冻结'                },                {                id: '2',                    wName: 'xxx公众号2',                    wID: 'zjfiawsf',                    seller: 'xxxxx公司xxxxx公司xxxxx公司',                    sign: '已签约',                    amount_1: '14614.00',                    amount_2: '0.00',                    amount_3: '322.00',                    amount_4: '32122.00',                    date: '2019-08-09',                    status: '未冻结'                }            ]        }    },    methods: {        //打开详情页弹窗        openDetails(id) {          console.log(id)        },    }}
// 文档中有:row-click    当某一行被点击时会触发该事件    三个参数:row, event, columnmethods: {    //打开详情页弹窗    openDetails(row) {      console.log(row.id);    },}

row-click返回了三个参数 row, eventcolumn

row-click 当某一行被点击时会触发该事件 row, event, column

在作用域中没有id这个变量,所有点击行会报错。
不应该传递参数,element本身对row-click这个事件自动注入了必要的参数(row, event, column),若传入的openDetails原理是注册一个钩子回调而已。

 

转载于:https://www.cnblogs.com/mophy/p/8604697.html

你可能感兴趣的文章
20181122_任务
查看>>
emacs使用指南
查看>>
Quartz.NET 任务调度新教程
查看>>
WPF 中对启动参数的处理
查看>>
如何查看MySQL的当前存储引擎?
查看>>
MongoDB4.0.0的安装配置—windows
查看>>
C#最简单最完整的webservice实例
查看>>
数独二
查看>>
【信息学奥赛一本通】第三部分_队列 ex2_3produce 产生数
查看>>
[NOI2002] 荒岛野人
查看>>
第6章:变量、判断、循环、函数
查看>>
Ecshop 学习之路一 2016年6月30日
查看>>
ICM Technex 2018 and Codeforces Round #463 (Div. 1 + Div. 2, combined) ---d
查看>>
汇编实验九
查看>>
理解熵公式
查看>>
asp.net 框架初接触
查看>>
XPTable 单元格怎么取值
查看>>
Poj 2186 Popular Cows
查看>>
文字向上滚动代码,带段落停顿
查看>>
关于取消的默认的Enter的keydown事件的疑问与解决
查看>>