存在的问题
如果默认设置scrollTop为0，当滚动之后想实现回到顶部，再设置为0会发现不起作用
<template>
<scroll-view scroll-y :scroll-top="scrollTop">
...
<div class="button" @click="backToTop">回到顶部</div>
</scroll-view>
</template>
<script>
export default {
data() {
return {
scrollTop: 0
},
methods: {
backToTop(){
this.scrollTop = 0;
},
},
}
</script>
原因
数据两次一样，不会执行setData
解决方法
只需跟上次设置不一样就好了
<script>
export default {
methods: {
backToTop(){
this.scrollTop = 10;
this.scrollTop = 0;
},
},
}
</script>
网友评论