1.下拉刷新
//在pages.json文件中配置
"globalStyle" : {
"navigationBarTextStyle" : "black",
"enablePullDownRefresh":true,
},
//在需要下拉刷新的页面中配置刷新时的代码
methods: {
//下拉刷新
onPullDownRefresh() {
wx.showNavigationBarLoading();
setTimeout(function() {
wx.hideNavigationBarLoading();//停止下拉刷新
wx.stopPullDownRefresh();
}, 1000);
this.searchCase()//刷新时执行的代码
},
2.利用scroll-view组件实现回到顶部
<scroll-view scroll-y class="scroll" style="padding-bottom: 200rpx;height: 1200rpx;"
:scroll-top="scrollTop" @scroll="scroll">
<view class="caseList" v-for="(item,index) in caseList" :key="index">1</view>
</scroll-view>
//注意scroll-view组件应到有高度,才有效果
<view @click="scrollTop1()">回到顶部</view>
export default {
data() {
return {
scrollTop: 0,
old: {
scrollTop: 0
},
}
},
methods:{
scroll(e) {
console.log('666666', e);
this.old.scrollTop = e.detail.scrollTop
},
scrollTop1() {
console.log('55555');
// 解决view层不同步的问题
this.scrollTop = this.old.scrollTop
this.$nextTick(function() {
this.scrollTop = 0
});
},
}
}