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

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

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

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

 

 

解决思路一:

在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请求。

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

 

上一篇:mybatis保姆级讲解


下一篇:Android Webview不显示’%’字符