vue如何获取表格某行数据
在vue的开发过程中,常常需要操作表格元素,比如数据的分页呈现,某行数据的修改、删除等操作,不可避免的需要操作某行数据,本文描述了这一过程
首先,我们全局引入ant-design-vue,本文简称为antd,为蚂蚁金服推出的一款UI组件,在main.js中添加即可。
下面我们使用antd的表格组件,在dom元素中定义表格相关属性及数据的来源信息等。
dataSource为数据的来源,格式为数组,我们通过ajax的方式请求后台获取数据。
列信息需要和返回对象的属性对应,如果有些列不是对象的属性,比如操作列,可以通过增加scopedSlots的方式。
名称为action的插槽(slot),需要在dom元素中进行设置,添加在a-table的子元素中。slot-scope="text,record"中的record就是这行的数据值。
我们通过F12进行调试,将record的信息进行打印,不难发现,record确实记录了这行的数据信息
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
农场生菜种植方法
种植时间生菜外表娇嫩,所以种植时间要避开酷暑严寒,一般在春季...烧饼怎么加热
烧饼用平底不粘锅加热。开小火不用放油,锅里加一点点水,把烧饼...睡衣穿几天换洗一次最好
很多人觉得睡衣每次也就穿几个小时,只在家里穿一般不会太脏,所...苹果通讯录批量删除
打开手机,在电话的选项里找到联系人选项,点开之后,要删除单个...元旦祝福语2021一段话
我看到前方黑暗的尽头,有光在等着我。岁末将至,敬颂动绥。平安...交情深厚的友谊管鲍之交的故事简介
好朋友这一词,从古至今都应该是众所周知的,比普通朋友多一点,...佳能5d4如何移动对焦点
佳能支持触屏,用肩屏旁边的快捷键按到对焦区域,用手指点上边的...腊肉太硬怎么办
解决方法如下用冷水先泡后煮,先用冷水泡四五个小时,再用小火煮...钻石蜡烛制作方法
首先,先把原材料也就是蜡笔石蜡蜜蜡等放到隔热的容器中隔水加热...naco是什么牌子
是一个时尚彩妆品牌。是广州透真生物科技有限公司在国家商标总局...演员苗苗是哪里人
演员苗苗是中国河南省南阳市人。苗苗,年月日出生于河南省南阳市...形容人孤独的句子
每个女孩都一样,只不过有的人用坚强的外表掩盖了脆弱的内心。我...初中教辅那些好多推荐一些好的
语文教辅中有教材全解倍速经典学法频道数学教辅中有龙门探究新思...白胶多久才能粘牢固
白胶个小时左右才能粘牢固,但要想干透至少需要小时,这种胶不能...北方什么时候种小麦
北方小麦通常在秋季月中旬至月上旬进行播种,比如河南在月初至月...