TODO array problem

src/views/room/gameHistory/index.vue

       </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 label="時間" align="center">
-            <template slot-scope="scope">
+          <el-table-column sortable="true"  :default-sort = "{prop: 'createdAt', order: 'descending'}" label="時間" align="center">
+            <template slot-scope="scope" prop="createdAt">
               <span>{{moment(scope.row.createdAt)}}</span>
             </template>
           </el-table-column>
         this.tempCurrentChips = []
         this.chipLogList.map((item) => {
           fetchCurrentChips(item['GambleGame-Bucket'], this.data.thirdLayer).then(response => {
+            this.$set(this.list,this.list.length,{
+              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,
               amount: item.earned,
               wallet: response.data.currentChips
             })
+             */
           })
         })
         this.listLoading = false
           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, {
+            id: item.id,
+            createdAt: item.createdAt,
+            type: item.type,
+            amount: item.chips,
+            wallet: item.totalChips
+          })
+          /*
           this.list.push({
             id: item.id,
             createdAt: item.createdAt,
             amount: item.chips,
             wallet: item.totalChips
           })
+          */
         })
 
       })
-      console.log('eeeesdsad',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('this.' ,this.list.__ob__)
+      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
-      
     },
     handlePersonDetail(row) {
       this.listLoading = true