文档说 scroll-content
的高度要大于 scroll
的高度,scroll
父容器的高度需要指定一个固定值,计算属性解决点击其他地方会改变 scroll
状态文字
业务场景:
header: 搜索框
sub-header: 三个 tab
footer: 只在第一个 tab
展示
问题:
点击其他 tab,由于 footer 的显隐,scroll
的高度是会变化的
fix: 监听 tab 变化,调用 view resize,nextTick
调用 refresh scroll
(scroll 父容器的高度也要改变)
搜索如果没有转到另一个页面,直接在当前页面展示,需要根据 tab 判断更新
如果搜索框存在值,一般当前 tab 会直接发请求,后续 tab 变化,此时判断当前 tab 是否需要发请求,已经发过请求的就不要再发送了
updateTabData: [],当前 tab 设为 false,其他 tab 设为 true,监听 tab,如果对应的 updateTabData 为 true,发请求
发请求和处理请求的代码基本是差不多的,可以封装成一个函数
下拉刷新:this.data = res.data
加载更多:this.data.push(res.data)
通过分页 page === 1
判断是下拉刷新还是加载更多
网友评论