【修复日常bug】scroll-view组件scroll-top属性无效

问题概述

这种情况我目前在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
    }
}