scroll

作者: 在幽幽暗暗反反复复中追问 | 来源:发表于2020-04-07 17:48 被阅读0次

文档说 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 判断是下拉刷新还是加载更多

相关文章

网友评论

      本文标题:scroll

      本文链接:https://www.haomeiwen.com/subject/jfwnphtx.html