TODO vue arry problem

src/views/room/gameHistory/index.vue

@@ -18,7 +18,7 @@
       </div>
       <el-table :data="list" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row>
         <el-table-column :label="data.thirdLayer.name" align="center">
-          <el-table-column sortable="true"  :default-sort = "{prop: 'createdAt', order: 'descending'}" label="時間" align="center">
+          <el-table-column label="時間" align="center">
             <template slot-scope="scope" prop="createdAt">
               <span>{{moment(scope.row.createdAt)}}</span>
             </template>
@@ -163,32 +163,23 @@ export default {
     ]),
     getList() {
       this.listLoading = true
-      this.list = []
+      //this.list = []
       fetchGameHistory(this.data.thirdLayer, this.listQuery).then(response => {
         this.chipLogList = response.data
         console.log('wallet', this.chipLogList,this.data.thirdLayer)
         this.tempCurrentChips = []
         this.chipLogList.map((item) => {
           fetchCurrentChips(item['GambleGame-Bucket'], this.data.thirdLayer).then(response => {
-            this.$set(this.list,this.list.length,{
+            this.list.unshift({
               id: item.game,
               createdAt: item['GambleGame-Bucket'].createdAt,
               type: '遊戲',
               amount: item.earned,
               wallet: response.data.currentChips
             })
-            /**
-            this.list.push({
-              id: item.game,
-              createdAt: item['GambleGame-Bucket'].createdAt,
-              type: '遊戲',
-              amount: item.earned,
-              wallet: response.data.currentChips
-            })
-             */
+             
           })
         })
-        this.listLoading = false
       })
       fetchChipsHistory(this.data.thirdLayer, this.listQuery).then(response => {
         this.gameRecordList = response.data
@@ -196,34 +187,23 @@ export default {
           if(item.type === config.const.GambleMemberChipsLog.type.deposit) item.type =  '上 / 下 分';
           if(item.type === config.const.GambleMemberChipsLog.type.reward) item.type =  '獎勵 / 懲罰';
           if(item.type === config.const.GambleMemberChipsLog.type.reset) item.type =  '歸零';
-          this.$set(this.list,this.list.length, {
+          this.list.unshift({
             id: item.id,
             createdAt: item.createdAt,
             type: item.type,
             amount: item.chips,
             wallet: item.totalChips
           })
-          /*
-          this.list.push({
-            id: item.id,
-            createdAt: item.createdAt,
-            type: item.type,
-            amount: item.chips,
-            wallet: item.totalChips
-          })
-          */
         })
-
       })
-            console.log('this.' ,this.list.__ob__)
+      console.log('wwwwwwww', this.list)
       this.list.sort(function compare(a, b) {
         const dateA = new Date(a.createdAt);
         const dateB = new Date(b.createdAt);
         return  dateB - dateA;
       });
-            console.log('that.',this.list)
-        this.total = this.list.length
-        this.listLoading = false
+      this.total = this.list.length
+      this.listLoading = false
     },
     handlePersonDetail(row) {
       this.listLoading = true