Vue.js OrderBy不适用于升序，但适用于降序

我正在制作Vue Webapp，需要按升序或降序对数据进行排序。 根据代码，一切都应该正常工作

模板

<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
          <h6 class="dropdown-header">Ascending</h6>
          <div class="dropdown-divider"></div>
          <a @click="order('name','asc')" class="dropdown-item" href="#">Category</a>
          <a @click="order('catName','asc')" class="dropdown-item" href="#">Category</a>
          <a @click="order('subcatName','asc')" class="dropdown-item" href="#">SubCategory</a>
          <a @click="order('cocatName','asc')" class="dropdown-item" href="#">CoCategory</a>
          <a @click="order('uploadedAt','asc')" class="dropdown-item" href="#">Uploaded At</a>
          <div class="dropdown-divider"></div>
          <h6 class="dropdown-header">Descending</h6>
          <div class="dropdown-divider"></div>
          <a @click="order('name','desc')" class="dropdown-item" href="#">Category</a>
          <a @click="order('catName','desc')" class="dropdown-item" href="#">Category</a>
          <a @click="order('subcatName','desc')" class="dropdown-item" href="#">SubCategory</a>
          <a @click="order('cocatName','desc')" class="dropdown-item" href="#">CoCategory</a>
          <a @click="order('uploadedAt','desc')" class="dropdown-item" href="#">Uploaded At</a>
        </div>

下降效果非常好。 但是，同样在升序中，它将Z排序为A，这与降序相同。

---

有人能告诉我，为什么以及如何解决这个问题吗？

你的

this.orderWay=“desc”

不是一个有效的比较。记住使用

==

比较两个变量

---

this.orderWay==“desc”

您可以通过以下方式缩短代码：

订单（在路上）{
这是。加载=真；
this.orderItems=On；
this.orderWay=Way；
this.items=\ uu.orderBy（this.items，On，Way）；
这一点：加载=错误；
}

order(On, Way) {
      this.loading = true;
      //
      let newArray = [];
      this.orderItems = On;
      this.orderWay = Way;

      if ((this.orderWay = "desc")) {
        newArray = _.orderBy(this.items, this.orderItems, "desc");
      } else {
        newArray = _.orderBy(this.items, this.orderItems, "asc");
      }

      this.items = newArray;

      this.loading = false;
    }