宁波网站设计公司,响应式网站简单模板,设计网络培训,软件工程师的发展前景在小程序或各类app中#xff0c;下拉刷新和上拉加载更多是极为常见和使用非常频繁的两个功能#xff0c;通过对这两个功能的合理使用可以极大的方便用户进行操作。
合理的设计逻辑才能更容易挽留住用户#xff0c;因为这些细节性的小功能点就变得极为重要起来。
那么在uni…在小程序或各类app中下拉刷新和上拉加载更多是极为常见和使用非常频繁的两个功能通过对这两个功能的合理使用可以极大的方便用户进行操作。
合理的设计逻辑才能更容易挽留住用户因为这些细节性的小功能点就变得极为重要起来。
那么在uni-app中基于vue3语法糖中如何实现下拉刷新和上拉加载更多效果呢
一、pages.json文件中对应页面配置如下
pages: [ {path: pages/index/index,style: {navigationBarTitleText: 首页,enablePullDownRefresh:true,//下拉刷新必须配置该参数onReachBottomDistance:100,//距离底部100像素时触发加载更多功能}}
]二、页面中使用下拉刷新功能和加载更多效果
script langts setupimport { onPullDownRefresh , onReachBottom } from dcloudio/uni-apponPullDownRefresh(() {console.log(下拉刷新)})onReachBottom(() {console.log(上拉加载更多)})
/script三、启动下拉刷新进行关闭。
uni.stopPullDownRefresh();感谢大家观看我们下次再见
