Saya mempunyai masalah menyusun tatasusunan dan saya tidak tahu mengapa

Question

Saya mempunyai masalah dengan kod saya dan saya tidak tahu mengapa tidak berfungsi dan sentiasa memberikan ralat yang berbeza anyway saya cuba kesilapan: 'arraysorted' undefined no-undef

<div>
   {{ arraysorted }}
 </div>
</template>

<script>
const Array = [];
export default {
 data: () => ({
   Array: [1, 24, 23, 56, 76, 5, 468, 97, 65, 90, 23, 53, 23],
   arraysorted: [],
 }),
 mounted: {
   ArraySort() {
     return arraysorted = Array.sort(function (a, b) {
       return b - a;
     });
   },
 },
};
</script>

Answer 1

Anda boleh menggunakan sifat yang dikira:

new Vue({
  el: "#demo",
  data: () => ({
    myArray: [1, 24, 23, 56, 76, 5, 468, 97, 65, 90, 23, 53, 23],
  }),
  computed: {
    arraysorted() {
      const arrSorted = [...this.myArray]
      return arrSorted.sort((a, b) => b - a)
    },
  },
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="demo">
  {{ arraysorted }}
  {{myArray}}
</div>