uniapp开启上下拉的方法：1、在pages.json中开启下拉刷新；2、在每次上拉时往数组中多扔一组数据，语句如“onreachbottom(){let that=this...}”。
本教程操作环境：windows7系统、uni-app2.5.1版本，dell g3电脑。
推荐（免费）：uni-app开发教程
uniapp实现上拉加载和下拉刷新
下拉刷新onpulldownrefresh
需要先在pages.json中开启下拉刷新
//在pages.json中找到需要开启的页面. 在style中输入"enablepulldownrefresh": true,
开启下拉刷新之后, 下拉对应的页面就会出现下拉的动画, 但是动画不会自动关闭, 所以手动关闭
onpulldownrefresh () { //刷新初始化数据 this.size = 10 this.current = 1 //调用获取数据的函数 this.getdata() //关闭刷新动画 settimeout(function () { uni.stoppulldownrefresh() }, 1000)},
上拉加载 onreachbottom
每次上拉时往数组中多扔一组数据
const size = 10data(){return {size: 10,current: 1}}//上拉加载函数onreachbottom(){ let that = this //每次上拉加载的数据比上一次多十个 that.size += size settimeout(()=>{ that.getdata() },1000)}
以上就是uniapp如何开启上下拉的详细内容。