美文网首页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