javascript中的过滤操作

爱吃java的羊儿

已于 2023-12-04 09:42:04 修改

阅读量527

点赞数 12

分类专栏：前端文章标签：前端 html javascript

于 2023-12-04 09:38:09 首次发布

本文链接：https://blog.csdn.net/qq_73735007/article/details/134775999

版权

前端专栏收录该内容

19 篇文章 0 订阅

订阅专栏

JS中的过滤操作

/** 查询列表 */

 /** 查询列表 */
        getList() {
            this.loading = true;
            listStatusExceptionManage(this.queryParams).then((response) => {
                this.StatusExceptionManageList = response.rows;
                this.StatusExceptionOldManageList = response.rows;
                this.total = response.total;
                this.loading = false;
            });
        },

/** 搜索按钮操作 */

 /** 搜索按钮操作 */
        handleQuery() {
            this.StatusExceptionManageList =
                this.StatusExceptionOldManageList.filter((item) => {
                    //执行过滤操作 把符合操作的筛选出来
                    if (
                        item.studentName.indexOf(
                            this.queryParams.studentName
                        ) !== -1 &&
                        item.statusNumber.indexOf(
                            this.queryParams.statusNumber
                        ) !== -1
                    ) {
                        return item;
                    }
                });
        },

/** 重置按钮操作 */

 /** 重置按钮操作 */
        resetQuery() {
            this.resetForm("queryForm");
            this.StatusExceptionManageList = this.StatusExceptionOldManageList; //重置操作 把初始数据列表给变化列表
            this.queryParams = {
                pageNum: 1,
                pageSize: 5,
                studentName: "",
                statusNumber: "",
            };
            this.handleQuery();
        },

// 监听当搜索输入框没有值的时候重置列表

 // 监听  当搜索输入框 没有值的时候重置列表
    watch: {
        "queryParams.studentName"(val) {
            if (!val) {
                this.StatusExceptionManageList =
                    this.StatusExceptionOldManageList;
                this.queryParams = {
                    pageNum: 1,
                    pageSize: 5,
                    studentName: "",
                };
            }
        },
        "queryParams.statusNumber"(val) {
            if (!val) {
                this.StatusExceptionManageList =
                    this.StatusExceptionOldManageList;
                this.queryParams = {
                    pageNum: 1,
                    pageSize: 5,
                    statusNumber: "",
                };
            }
        },
    },
};