uniapp可输入的下拉列表_uniapp如何开启上下拉

uniapp开启上下拉的方法：1、在pages.json中开启下拉刷新；2、在每次上拉时往数组中多扔一组数据，语句如“onReachBottom(){let that=this...}”。

本教程操作环境：windows7系统、uni-app2.5.1版本，Dell G3电脑。

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 = 10

data(){

return {

size: 10,

current: 1

}

}

//上拉加载函数

onReachBottom(){

let that = this

//每次上拉加载的数据比上一次多十个

that.size += SIZE

setTimeout(()=>{

that.getData()

},1000)

}