刚刚接触一个项目,一期使用的是iview,查看文档时发现并未介绍到render函数中类似createElement功能的用法,因此想做一个相关的分享,希望可以帮到跟我有类似需求的小伙伴们。
iview官方文档中对render是这样描述的:
自定义渲染列,传入三个参数 row、column 和 index,分别指当前单元格数据,当前列数据,当前是第几行,详见示例
自定义列模板 #
通过给 columns
数据的项,设置一个函数 render
,可以自定义渲染当前列,包括渲染自定义组件。(很强大,下面会讲到)
render
函数传入三个参数 row
、column
和 index
,分别指当前单元格数据,当前列数据,当前是第几行(其实一般就是第几条数据)。
render
函数本质返回的是字符串,Table 组件在内部对其进行了编译,如果使用了自定义组件,需要特别注意上下文,编译后的自定义组件,默认的上下文是 i-table
所在的上下文