uniapp vue3的下拉刷新和上拉加载
开启页面的下拉刷新,注意这个不是可滚动视图的下拉刷新.
一般页面建议使用页面外的,不要使用scroll-view里面的下拉刷新.
pages:
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页",
"enablePullDownRefresh":true,//下拉刷新，必须配置该参数
"onReachBottomDistance":100,//距离底部100像素时，触发加载更多功能
}
}
]
js:
<script lang="ts" setup>
import { onPullDownRefresh , onReachBottom } from "@dcloudio/uni-app"
onPullDownRefresh(() => {
console.log("下拉刷新")
})
onReachBottom(() => {
console.log("上拉加载更多")
})
</script>
常用代码:
关闭下拉刷新:
uni.stopPullDownRefresh();
链接:
uni-app中vue3+setup实现下拉刷新、上拉加载更多效果_uni-app_2019ab-Vue
原文地址：https://blog.csdn.net/qq_42740797/article/details/143771381
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！