优化 logReversed

Former-commit-id: a9a04b0e0a67ed80d093433f0eece12d66f72f8d [formerly a9a04b0e0a67ed80d093433f0eece12d66f72f8d [formerly a9a04b0e0a67ed80d093433f0eece12d66f72f8d [formerly a9a04b0e0a67ed80d093433f0eece12d66f72f8d [formerly ec6a212ce455044baf46e4cbcc8f9c7f5dc0284f [formerly b1208c3ebb50d742c9dbc6aa7eac3b8b7662dce4]]]]]
Former-commit-id: cb785dbbe68bd8d3dcdb339c909b86a215a433dc
Former-commit-id: e00ac54a0b251ec77e6d6163e399f6731385a85c
Former-commit-id: 5629ac48705008ccaa7314a323057fb1ccd08a66 [formerly 72c247d59db10b1813e7551c5e7a487d2bf53e47]
Former-commit-id: c6e471162f63c1aa9be87ebacae5e732a89a357d
Former-commit-id: aeb3263c8076bd2d6961a1d6cd49433436856ce0
Former-commit-id: 31aa8c0969a5841bf6fa2e7ce7bef1cfb9710a79
Former-commit-id: 4020df7a5abf543d31cb35f9a6fdeb5d3646fc55
Former-commit-id: 2a285e6907a50a1883fb87e40e1604c43210efb7

src/layout/header-aside/components/header-error-log/components/list/index.vue

@@ -1,6 +1,6 @@
 <template>
   <el-table
-    :data="logReverse"
+    :data="logReversed"
     border
     stripe
     style="width: 100%"
@@ -121,7 +121,7 @@
 
 <script>
 import { mapState } from 'vuex'
-import { get } from 'lodash'
+import { get, cloneDeep } from 'lodash'
 import ExpandItem from './components/ExpandItem'
 export default {
   name: 'd2-error-log-list',
@@ -132,14 +132,8 @@ export default {
     ...mapState('d2admin', {
       logList: state => state.log.list
     }),
-    logReverse () {
-      // 直接 reverse 的话有点问题
-      const res = []
-      const loglength = this.logList.length
-      this.logList.forEach((log, index) => {
-        res.push(this.logList[loglength - 1 - index])
-      })
-      return res
+    logReversed () {
+      return cloneDeep(this.logList).reverse()
     }
   },
   methods: {