【iview】iview表格render的使用

表格组件

<Table
      :columns="colTitle"
      :data="resList"
      :loading="mainLoadingFlag"
      row-key
      border
      stripe
      size="small"
      @on-selection-change="onSelect"/>

表格组件columns数据

h()有三个参数

第一个参数为元素标签

第二个参数可以是[]或者{}

    [] 为此标签为父元素 中间可以继续写需要渲染的元素h()

    {} 为该元素的属性, style(样式)/props(组件属性值)/on(事件)/domProps(dom属性如： innerHTML)/attrs(普通得HTML attribute 属性)

第三参数可以继续写需要渲染的元素h()或者val值，用[]嵌套

this.colTitle = [
  {
    type: 'selection',
    align: 'center',
    fixed: 'left',
    width: 30,
  },
  {
    title: '设备类型',
    key: 'FD_DEVICETYPE',
    minWidth: 100,
    align: 'center',
    render: (h, params) => h('span', {style:{color: 'red'}}, 'val值'),
  },
  {
    title: '操作',
    width: 240,
    fixed: 'right',
    align: 'center',
    render: (h, params) => h('元素标签', []/{}, 元素标签显示的值val/[可以继续嵌套h()]),
];