Vue3使用render画图标实践

Vue3使用render画图标实践

  iv2.render = function ({ record }) {
          return h(
            resolveComponent('a-button'),
            {
              type: 'text',
              shape: 'circle',
              size: 'mini',
              status: record[iv2.dataIndex] ? 'success' : 'warning',
              style: {
                marginTop: '8px',
                marginBottom: '8px'
              }
            },
            {
              icon: () => {
                return record[iv2.dataIndex]
                  ? h(resolveComponent('iconCheckCircle'))
                  : h(resolveComponent('iconCloseCircle'))
              }
            }
          )
        }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

注：resolveComponent，h 从vue中导入；iconCheckCircle，iconCloseCircle为arco.design中的图标