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


在vue的开发设计流程中 , 经常必须操作表格元素 , 例如数据的分页查询展现 , 某行数据的改动、删掉等操作 , 难以避免的必须操作某行数据 , 文中叙述了这一全过程
最先 , 大家全局性引进ant-design-vue , 文中通称为antd , 为蚂蚁金融发布的一款UI组件 , 在main.js中加上就可以 。
下边大家应用antd的表格部件 , 在dom元素中界定表格有关属性及数据的由来信息等 。
dataSource为数据的来源 , 文件格式为二维数组 , 大家根据ajax的方法要求后台管理获得数据 。
列信息必须和回到目标的属性相匹配 , 假如有一些列并不是目标的属性 , 例如操作列 , 可以利用提升scopedSlots的方法 。
【使用antd的表格组件,在main vue如何获取表格某行数据】名字为action的内存插槽(slot) , 必须在dom元素中实现设定 , 加上在a-table的子元素中 。slot-scope="text,record"中的record便是这方面的数据值 。
大家根据F12开展调节 , 将record的信息开展打印出 , 不会太难发觉 , record的确纪录了这方面的数据信息