vue ---条件叠加搜索解决方案

目录

 

案例场景

存在问题与解决

解决方案

---

案例场景:

现在有个文章管理模块，在该模块中有栏目选择、文章搜索、分页功能。这些功能改变其中一个都会对查询的文章有所改变。案例图如下:

实现方案有两种:

其一、我们开始可能会想到对每个功能绑定一个处理事件，但是这样做我们对数据的维护工作将大大加大，而且用这样方案做数据的叠加筛选不是很好。

方案二、我们将所有提交的数据放到一起维护然后再进行深度监听，当某一个值、或多个值的改变时，在去进行数据的查询，此时问题也变得更易于理解与维护，具体实现如下:

分页代码如下:

<template>
    <el-pagination
        background
        :page-size="params.pageSize"
        @current-change="handlePaginationChange"
        layout="prev, pager, next"
        :tot