vue中columns解决

<template>
  <a-table
    :columns="columnsParameter"
    :data-source="tableDataParameter"
    bordered
    style="width: 100%"
    :pagination="false"
    rowKey="id"
  >
    <template slot="operation" slot-scope="name, record">
      <a-tooltip placement="top">
        <template slot="title">
          <span>编 辑</span>
        </template>
        <span @click="openEditModel(record)" style="cursor: pointer"><a-icon type="edit" /></span>
      </a-tooltip>
    </template>
  </a-table>
</template>

columnsParameter: [
        {
          title: '软件路径',
          dataIndex: 'exePath',
          ellipsis: true,
          scopedSlots: { customRender: 'exePath' }
        },
        {
          title: '软件名称',
          dataIndex: 'exeName',
          ellipsis: true,
          scopedSlots: { customRender: 'exeName' }
        },
        {
          title: '时间',
          dataIndex: 'createTime',
          align: 'center',
          ellipsis: true,
          width: '20%',
          scopedSlots: { customRender: 'createTime' }
        },
        {
          title: '操作',
          align: 'center',
          dataIndex: 'operation',
          width: '10%',
          scopedSlots: { customRender: 'operation' }
        }
      ],

dataIndex 文本

  {
          title: "title",
          dataIndex: "title",
        },

customRender 插槽：选择性文本

 {
          title: "sex",
          dataIndex: "sex",
          customRender: (text, row, index) => {
            switch (text) {
              case '1':
                return 'male';
              case '0':
                return 'female';
              default:
                return 'unknown';
            }
          }
        },

scopedSlots 传递

       {
          title: "operation",
          dataIndex: 'operation',
          width: "120px",
          fixed: "right",
          scopedSlots: { customRender: 'operation' }
        }
        
        

传递单个column，定义模块 slot接受的值operation

  <template slot="operation" slot-scope="record">
  <a class="edit" @click="() => do(record)">
  点击传递单行column
  </a>   
  </template>

处理时间
vue过滤器，可以用于过滤或者格式化，用{{|}}插值操作
第一个参数，默认参数为被过滤的对象

 {
          title: "处理时间",
          dataIndex: "time",
          scopedSlots: { customRender: 'time' }
        },
  <template slot="time" slot-scope="record">
          <div v-show="record.time!= 0">
            <div >{{ record.time | dealTime }}</div>
          </div>
        </template>  
 filters:{
 dealTime(time){return time;}
 }           

下面是一个失败的例子

const columns = [
    { title: 'Name', dataIndex: 'name' },
    {
        title: 'City',
        dataIndex: 'city',
        customRender: (text, row, index) => {
            var obj = {
                children: <a href="javascript:;">{text}</a>,
                attrs: {}
            };
            if (index % 2 == 0) {
                obj.attrs.rowSpan = 2;
            } else {
                obj.attrs.rowSpan = 0;
            }
            return obj;
        },
    },
    { title: 'Age', dataIndex: 'age', },
    { title: 'Home phone', dataIndex: 'tel' },
    { title: 'Phone', dataIndex: 'phone' },
    { title: 'Address', dataIndex: 'address' },
];
export default {
    data() {
        return {
            data,
            columns,
        }
    },

如果没有下面这句话

children: <a href="javascript:;">{text}</a>,

我也没发现这个问题。Error in render: "ReferenceError: h is not defined"

把columns移到data中，问题解决。也可以在created,mounted中动态生成

    data() {
        const columns = [
            。。。。。
        ];
        return {
            data,
            columns,
        }
    },