antd vue table表格内容格式化

目前在学习使用ant-design-vue,遇到table内容需要格式化,如下面的性别和打印状态。
antd vue table表格内容格式化_第1张图片
操作如下
columns中

  {
    title: "性别",
    dataIndex: "sex",
    align: "center",
    width: 80,
    scopedSlots: { customRender: "sex" }
  },
  {
    title: "打印状态",
    dataIndex: "status",
    align: "center",
    scopedSlots: { customRender: "status" }
  }

template中

    
      
        {{ sex == 1 ? "男" : sex == 0 ? "女" : "/" }}
      
      
        {{ status == 1 ? "已打印" : "未打印" }}
      
    

转换后
antd vue table表格内容格式化_第2张图片

你可能感兴趣的:(个人笔记,vue)