1. 首页 > 综合百科

vue如何获取表格某行数据(使用antd的表格组件,在main)

在vue在开发过程中,通常需要操作表元素,如数据分页呈现、一行数据修改、删除等操作,不可避免地需要操作一行数据,本文描述了这个过程

首先,我们全局介绍ant-design-vue,本文简称为antd,蚂蚁金服推出的一款UI组件,在main.js可以添加到中间。

下面我们用antd表组件,在dom将表格的相关属性和数据的来源信息定义为元素。

dataSource为了数据源,格式是数组,我们通过ajax要求后台获取数据的方式。

列信息需要对应于返回对象的属性。如果某些列不是对象的属性,如操作列,则可以添加scopedSlots的方式。

名称为action的插槽(slot),需要在dom设置元素,添加元素a-table子元素中。slot-scope="text,record"中的record这一行的数据值。

我们通过F调试,将record打印信息,不难发现,record确实记录了这一行的数据信息

本文由“写客百科”发布,不代表“写客百科”立场,转载联系作者并注明出处:https://www.ixieke.com/zonghe/30208.html


联系我们

在线咨询: 点击这里给我发消息

工作日:9:30-18:30,节假日休息