javascript中的过滤操作

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: "",
                };
            }
        },
    },
};