在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确实记录了这行的数据信息
以上就是vue如何获取表格某行数据的内容啦,希望本文可以帮到你!
- 加密优盘如何加密使用
- 如何拉人进Q群
- 腊月属猪男命如何 属猪男最佳婚配是什么生肖
- 如何才能找回删除了的微信聊天记录
- 爬藤如何做造型 爬藤怎么搭架子做造型
- 如何评价电影西伯利亚理发师
- 如何提高人民生活水平
- 生于腊月的生肖属猪女命运如何 属猪女一生财运好吗
- 成人自考如何报名
- 如何做整虾云吞
