vue2 ant的a-table组件

<template>

  <div>

    <div class="box" style="width:600px;margin:50px">

      <a-table

        :dataSource="tableList"

        :columns="tableColumns"

        bordered

        :pagination="false"

    1
      >

        <template slot="selfDefineTitle">

          <span>修后的标题(姓名列)</span>

        </template>

        <template slot="dealAge" slot-scope="text, record, index">

          <!-- 默认有三个参数，text为传给该列每个单元格中的数据，record为每一行的数据，index为改行索引 -->

          <span>{
  { index + '-' + '年龄为：' + text }}</span>

        </template>

      </a-table>

    </div>

  </div>

</template>

<script>

export default {

  data() {

    return {
      tableList: [

        {

          id: 1,

          name: '张三'