使用vxe-table的時候，有的時候會出現序號相同的現象，這種現象一般出現在我們后面自己添加的行中，就像這種

此時的這三個序號是相同的，我來說一下原因，這是在添加新的一行的時候，有的時候數據很多，我們不想一個個的寫，就直接復制之前表格中的某一行，然后在改變其中的某一個屬性，這個就會出現序號相同的情況

解決方法：

把新復制某一行的對象的?_X_ROW_KEY?賦值為?null?就可以了

看代碼

<template><div><el-button type="primary"@click="addRow">添加一行</el-button><vxe-table borderheight="300":row-config="{isHover: true}":data="tableData"><vxe-column type="seq"title="序號"width="80"></vxe-column><vxe-column field="name"title="Name"sortable></vxe-column><vxe-column field="sex"title="Sex"></vxe-column><vxe-column field="age"title="Age"></vxe-column><vxe-column field="address"title="Address"show-overflow></vxe-column></vxe-table></div>
</template><script>
import { cloneDeep } from 'lodash-es'
export default {data () {return {tableData: [{ id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', age: 28, address: 'test abc' },{ id: 10002, name: 'Test2', role: 'Test', sex: 'Women', age: 22, address: 'Guangzhou' },{ id: 10003, name: 'Test3', role: 'PM', sex: 'Man', age: 32, address: 'Shanghai' },{ id: 10004, name: 'Test4', role: 'Designer', sex: 'Women', age: 24, address: 'Shanghai' }],}},methods: {addRow () {// 假如每一行對象的數據很多，我們像添加的一行只改變其中的某個屬性，其余保持一樣const obj = cloneDeep(this.tableData[0])obj.name = 'Test5'//   const obj = {  // 一樣的結果，新添加的行序號也是一樣//     ...this.tableData[0],//     name: 'Test5'//   }//   ！！！把下面這行注釋解開就可以成功解決問題了//   obj._X_ROW_KEY = nullthis.tableData.push(obj)}}
}</script>