在使用 van-pull-refresh + van-list实现list列表下拉刷新时遇到几个问题在这里进行一个总结。
问题一:当van-pull-refresh + van-list组合使用时,下拉刷新会调用两个加载图标。
解答:去除van-pull-refresh加载图标,防止下拉刷新时出现两个加载图标
问题二: 通过筛选条件查询数据时,van-list会请求多次接口
解答:因为当this.finished = false时, 会触发 onLoad 事件,onLoad方法会调用一次fetchData方法,onRefresh方法也会调用fetchData方法这就使得你会调用两次接口。所以我们只好把查询单独写一个方法onSearch,然后在onLoad中判断是不是刷新操作,如果说是刷新就设置为false,只调用onload方法。
TreatmentStation 组件
MedicalList组件
back-top组件
悬浮回到顶部按钮