vue3+ant-design-vue 中customRender使用

发布时间:2023年12月20日
{
    title: '电池外观是否无破损',
    dataIndex: 'result1',
    key: 'result1',
    width: 110,
    customRender: function ({ text, record, index }) {
      // console.log(text, record, index, 'jjjajja');
      if (index === 0) {
        if (text === 0) {
          console.log(text, record, index, 'jjjajja1');
          return <span style={{ color: '#44CB7C' }}>正常</span>
        } else if (text === 1) {
          return <span style={{ color: '#F5222D' }}>异常</span>
        }
      } else {
        if (index === 1) {
          if (text) {
            return <a-image width={200} src={text} />
          } else {
            return <img src={text} alt='暂无图片' />
          }
        }
      }
    }
  },
文章来源:https://blog.csdn.net/LRQQHM/article/details/135101145
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。