在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的确纪录了这方面的数据信息
- 如何创建一个好的用户ID 用户ID是什么意思解释
- 信息的概念
- 满天飞的杨絮到底有什么危害 杨絮是什么东西
- 隋炀帝开辟的京杭大运河 隋朝大运河现在还在用吗
- 40尺高柜的内部尺寸是多少?
- ch4的电子式是什么?
- 接触史是什么意思
- hbd是什么意思?
- 菱形的性质与判定是什么?
- 分析“发噢噢”的语境和隐含含义 女孩发噢噢是什么意思
