业务场景 如下图。顶部删选框,底部请求接口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请求。
备注:个人比较偏第二种,高内聚低耦合,且易读。逻辑更简洁