美文网首页kankan(good)
列表过滤 + 排序(升序 + 降序 + 原顺序)

列表过滤 + 排序(升序 + 降序 + 原顺序)

作者: 扶得一人醉如苏沐晨 | 来源:发表于2023-02-22 10:37 被阅读0次
    <script>
    export default {
      data() {
        return {
          sortType: 0, //0原顺序 1降序 2升序
        };
      },
      computed: {
        showList() {
          // 过滤后的数组arr
          const arr = this.totalList.filters(
            (item) => item.name.indexOf(this.keyWord) !== -1
          );
          // sortType不为0
          if (this.sortType) {
            // sort方法改变原数组
            arr.sort((p1, p2) => {
              return this.sortType === 1 ? p2.age - p1.age : p1.age - p2.age;
            });
          }
          //  sortType为0不做处理
          // 最后直接返回处理后的数组
          return arr;
        },
      },
    };
    </script>
    

    相关文章

      网友评论

        本文标题:列表过滤 + 排序(升序 + 降序 + 原顺序)

        本文链接:https://www.haomeiwen.com/subject/azfakdtx.html