vue Render 函数用法

1： Render: 函数用法：   通过给columns  数据项： 设置一个render 函数， 可以自定义渲染当前列， 包括渲染自定义组件， 它是基于Vue 的render 函数。

      render 函数传入两个参数， 第一个是h,  第二个是对象：  包含row,  column 和 index,  分别指当前列数据， 当前是第几列。

eg:   

 {
    title: 'Name',
    key: 'name',
    render: (h, params) => {
    return h('div', [
    h('Icon', {
    props: {
      type: 'person'
      }
    }),
     h('strong', params.row.name)
     ]);
    }
 },

2:   

 {
     title: 'Action',
     key: 'action',
     width: 150,
     align: 'center',
     render: (h, params) => {
      return h('div', [
        h('Button', {
         props: {
           type: 'primary',
           size: 'small'
         },
         style: {
           marginRight: '5px'
         },
         on: {
           click: () => {
            this.show(params.index)
          }
         }
        }, 'View'),
        h('Button', {
          props: {
            type: 'error',
            size: 'small'
          },
         on: {
           click: () => {
             this.remove(params.index)
               }
              }
             }, 'Delete')
          ]);