vue排序

最新推荐文章于 2024-04-30 16:58:45 发布

。。媛。。

最新推荐文章于 2024-04-30 16:58:45 发布

阅读量137

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/caoyuan258/article/details/113999783

版权

vue 专栏收录该内容

25 篇文章 1 订阅

订阅专栏

<li @click="changeSort">
          价格
          <van-icon name="arrow-down" v-show="sortKey==1" />
          <van-icon name="arrow-up" v-show="sortKey==2" />
        </li>

sortKey: 0, //0原始数据，1升序 2降序

 computed: {
    //过滤函数的操作
    getGoods() {
      let goods = [];
      goods = this.list.filter((item, index) => {
        return item.cid == this.c_id;
      });
      //按照价格进行升序或降序排列
      if (this.sortKey > 0) {
        //价格排序用数组的sort方法
        goods.sort((a, b) => {
          return this.sortKey == 1 ? a.price - b.price : b.price - a.price;
        });
      }
      return goods;
    }
  },