vue渲染函数h的使用

h的使用

渲染函数参数

{
    title: '操作',
    dataIndex: 'action',
    customRender ({ text, record, index, column }) {
      return h(
        'div', {
        'class': 'operation'
      }, [
        h('a', {
          onClick: () => { console.log('showmore', record); }
        }, '查看'),
        h('span', {
          'class': 'divide'
        }),
        h('a', {
          onClick: () => { console.log('edit', column); }
        }, '编辑'),
        h('span', {
          'class': 'divide'
        }),
        h('a', {
          onClick: () => { console.log('Add', index); }
        }, '新增'),
        h('span', {
          'class': 'divide'
        }),
        h(Popconfirm, {
          title: "确定删除吗?",
          'ok-text': "确定",
          'cancel-text': "取消",
          onConfirm: () => { console.log('确定删除', text); }
        }, {
          default: () => {
            // 一般插槽在渲染函数中的应用
            return h('a', null, '删除')
          }
        })
      ])
    }

效果