vue中使用render

vue-cli

params 数据

直接输出（单个标签）

render: (h, params) => {
  return h('div', '直接输出')
}

直接输出（多个标签）

render: (h, params) => {
  return h('div', [
    h('p', '标题'),
    h('p', '内容内容'),
  ])
}

设置样式

render: (h, params) => {
  return h('div', [
    h('p', {
      style: { color: '#00A436', fontSize: '16px' }
    }, params.row.status),
  ])
}

设置元素属性 class等

render: (h, params) => {
  return h('div', [
    h('img', {
      attrs: { src: '1.png', width: '16', height: '16', class: 'va-4 mr5' },
    }),
  ])
}