筛选请求数据的 2种解决思路

业务场景 如下图。顶部删选框，底部请求接口list for循环渲染。

默认筛选和请求接口 都是用的同一个接口 loadData()

解决思路一：

在data，创建page,pageIndex 控制分页请求字段；创建筛选对象，{key1:value1}

 onFilter(key, value) {
      this.payload[key] = value
      this.loadData('', true)
    },
这是顶部筛选 的出发方法
筛选时候 需要重置 page 
此时添加一个flag,此处为 true 。
loadData方法 发现传参为true，则进行手动重置，重置后拿到page 和筛选的对象进行 ajax请求

解决思路二：

每次筛选触发方法里。手动重置page,不传递flag

loadDate方法 总是那这data里的page 和筛选的对象 进行ajax请求。

备注：个人比较偏第二种，高内聚低耦合，且易读。逻辑更简洁

标签：请求,重置,page,loadData,思路,true,筛选
来源： https://www.cnblogs.com/xnblog/p/14950890.html