SOURCE

console 命令行工具 X clear

                    
>
console
var Main = {
  data() {
    return {
      tableData: [],
      tableRules: {
         name: [
            {
              required: true,
              trigger: 'change',
              message: '请选择数据',
            }]
      },

    }
  },
  created () {
    var list = []
    for(var index = 0; index < 15; index++){
      list.push({
        id: index + 10000,
        name: 'test' + index,
        role: 'developer',
        sex: 'Man',
        date: '2019-05-01',
        time: 1556677810888 + index * 500,
        region: 'ShenZhen',
        address: 'address abc' + index
      })
    }
    this.tableData = list
  },
  methods: {
      mergeRowMethod({
      row,
      rowIndex,
      $rowIndex,
      column,
      columnIndex,
      $columnIndex,
      data,
    }) {
        console.log(column.property)
      if (column.property && column.property === 'name') {
        if ($rowIndex === 0) {
          return {
            rowspan: this.tableData.length,
            colspan: 1,
          }
        } else {
          return {
            rowspan: 0,
            colspan: 1,
          }
        }
      } else {
        return {
          rowspan: 1,
          colspan: 1,
        }
      }

    },
  }
};
var Ctor = Vue.extend(Main);
new Ctor().$mount('#app')
<script src="//unpkg.com/vue"></script>
<script src="//unpkg.com/xe-utils"></script>
<script src="//unpkg.com/vxe-table"></script>
<!-- 使用 umd 引用方式需要注意是否锁定版本,默认指向最新版本 -->

<div id="app">
  <template>
    <div>
      <vxe-table 
        border
                        :span-method="mergeRowMethod"

        :edit-config="{trigger: 'click', mode: 'row', showStatus: true}"
        :edit-rules="tableRules"
        height="500"
        :data="tableData">
    
    
        <vxe-table-column field="name" title="Name">
 <template v-slot:edit="scope">
          <el-input 
                 v-model="scope.row[column.fieldCode]"/>
      </template>
        </vxe-table-column>
        <vxe-table-column field="sex" title="Sex"></vxe-table-column>
        <vxe-table-column field="date" title="Date"></vxe-table-column>
        <vxe-table-column field="address" title="Address"></vxe-table-column>
     
      </vxe-table>
    </div>
  </template>
</div>
@import url("//unpkg.com/vxe-table/lib/index.css");