在使用antdV组件库开发项目的时候,遇到了使用tabel自定义渲染column内容和使用slot冲突的问题,同时设置时,其中一个不生效,如下代码
此时,customRender不生效了,经过查资料,可以将这两个属性合并书写:只配置customRender项,里面使用参数虚拟dom进行渲染自定义的内容
customRender配置项的值是一个自定义函数,返回一个虚拟对象,属性有children和attrs用来设置子元素和属性;children使用$createElement来渲染子元素,其需要三个参数,第一个是标签名称(自定义的标签),第二个是标签元素的属性(包括class名和事件绑定on),第三个是其子元素(是一个数组,这里面可以进行展示内容的处理,比如格式化等)
这样就可以即实现slot的功能又能自定义展示内容及其格式