scroll-view 下拉刷新复位
时间: 2023-10-26 08:05:51 浏览: 267
可以通过调用 scroll-view 的方法来实现下拉刷新的复位,具体方法如下:
1. 在 scroll-view 组件上绑定一个 ref,例如:`<scroll-view ref="scrollView">`
2. 在下拉刷新完成后,调用 `this.$refs.scrollView.finishPullDown()` 方法即可实现下拉刷新的复位。
相关问题
scroll-view下拉刷新复位 uni.stopPullDownRefresh() 不起作用怎么办
可以尝试使用uni.createSelectorQuery().selectViewport().scrollOffset()获取scroll-view的当前位置,然后执行uni.pageScrollTo()方法将其滚动至顶部,再执行uni.stopPullDownRefresh()刷新。如果问题还未解决,可以检查代码是否存在逻辑错误或联系开发人员进行排查。
scroll-view 下拉刷新 如何复位
当 scroll-view 下拉刷新完成后,可以通过代码设置 scroll-view 的 scrollTop 属性为 0 来使其复位,即回到顶部位置。如下所示:
```javascript
// 获取当前 scroll-view 实例对象
const scrollview = uni.createSelectorQuery().select('.scrollview')
// 设置 scrollTop 属性为 0,使 scroll-view 复位
scrollview.scrollTop(0).exec()
```
当然,也可以通过在 wxml 文件中绑定一个刷新完成的事件,在事件回调函数中来实现复位的功能。
阅读全文