问题概述
这种情况我目前在uniapp开发的app或h5遇到,修改scroll-top值页面无法滚动,无法达到我们预期想要的效果。
uni-app官方文档解释
当属性值相同时,组件内部单向流数据特性有关,导致不会再次触发watch监听
解决思路
我们要滚动到顶部,而且每次点击都要触发回到顶部,可以写一个0.01的误差值
第一次滚动:0
第二次滚动:0.01
第三次滚动:0
....一直往返循环
实现代码
<scroll-view :scroll-y="true" :scroll-top="scrollTop"></scroll-view>
// 点击按钮回到顶部
returnTop(){
if(this.scrollTop == 0){
this.scrollTop = 0.01
}else{
this.scrollTop = 0
}
}