html部分代码
<view class="top-back" @click="topBack" v-if="isShow">
<text>^</text>
<text>顶部</text>
</view>
data中定义一个变量 : isShow: false
onPageScroll 监听页面滚动事件: (onPageScroll 跟methods同级写)
onPageScroll(e){
// console.log('e:',e)
if(e.scrollTop>=200){
// 显示
this.isShow=true
}else{
// 隐藏
this.isShow=false
}
}
methods: {
topBack(){
uni.pageScrollTo({
scrollTop:0, // 滚动到页面的目标位置 这个是滚动到顶部, 0
duration:300 // 滚动动画的时长
})
}
}