Ant Design of Vue table 使用customRender和scopedSlots可以共用吗

[我是刘拾贰]

table 中通过columns定义表格标题，但是有时候后端的数据传的是数字对应的状态需要转成汉字展示意思；所以要用customRender重新定义，但 是 table也需要根据状态来展示不同的状态用到scopedSlots时就不起作用了；
就向这样


有知道怎么解决吗

[Betsy0429]

楼主最后怎么解决的， 我也遇到了

[我是刘拾贰]

还是没有解决

[佰旺丶]

不可以共用的，如果要用插槽 必须在 column 配置 scopedSlots: { customRender: "status" }

[烂不烂问厨房]

好烦，要用到合并就要使用customRender，但是customRender的children又不能使用vue，customRender和scopedSlots还不能同时使用，吐了

[泡泡鱼_]

你可以选择将你的数据脱离渲染层面，仅就数据层面先处理一次。像你说的数字可能需要转换为文字之类的。比如你这个status可以另起一个属性，也可以直接用，只是你的判断条件，就得按你处理后的值 处理后的数据可以让模板原样渲染的程度就行了

[weixin_51889978]

不需要用到 customRender <template slot="STATUS" slot-scope="text"> {{ STATUSObj[text] }} </template> 在data中定义你所需要的状态 类似 STATUSObj: { 0: "提前", 1: "正常", },

[ganfengchi1992]

同问，大佬救命

[水丫丫]

有没有解决啊 也遇到这个问题

[yunyia]

在data中生成一个status和汉字的映射关系对象，封装一个函数，页面使用插槽传参status给函数调用转换颜色和文字信息

[qq_24655669]

column里面增加customCell。然后customRender里面直接返回HTML内容。

customCell: (record, index) => {
  return {
    domProps: {
      innerHTML: record.text
    }
  }
}