1. 首页
  2. 编程语言
  3. Javascript
  4. 如何在 ant 的table中实现图片的渲染操作

如何在 ant 的table中实现图片的渲染操作

上传者: 2021-09-13 12:27:07上传 PDF文件 103.90 KB 热度 26次

只有一个render的方法。。。查阅了一些资料,作为一个不是很资深的前端来说,忙活了一上午,。实现了这个功能。。。利用table 中 render的属性,,,将LOGO在tableHeader中render return一个img 标签,并将src={ record.image }图片就正确的渲染到你的table中了。。拿走 不谢~~~我就废话不都说了,大家还是直接看代码吧~1.columns 定义table 表头,以及和 dataList 的字段对应,2. dataSource 为数据源,是一个数组,3.loading 加载时loading,数据请求前设置 true,请求完成后设置 false,4.插槽的使用1.首先,在 columns 中需要的部分添加 scopedSlots: {customRender: ‘status'}2.table 中添加标签customRender 的值和slot 的值相对应,slot-scope 中 text就是status的值, record 代表text所在的对象,可以通过 record 拿到该行的其他值. 比如把record作为参数传递,编辑改用户信息.

下载地址
用户评论