vue、uniapp 下拉刷新和加载更多

1、html文件中：

<scroll-view class="mt-scroll" scroll-y="true" refresher-enabled="true" 
:refresher-triggered="isRefreshing" refresher-background="#F6F7FB"  @refresherrefresh="reload" @scrolltolower="loadMore">
			<view class="expert-item flex" v-for="item,index in expertList" :key="index">
				。。。。
			</view>
			<uni-load-more :status="listStatus"></uni-load-more>
</scroll-view>

2、js部分：

data() {
			return {
				expertList: [],
				userInfo: {},
				params: {
					page: 1,
					pagesize: 10
				},
				listStatus: 'nomore',
				isRefreshing: false //界面下拉的状态
			};
		},

methods: {

          //获取数据列表
          async getMajorList() {
				this.listStatus = 'loading'
				let res = await csjha.getMajorList(this.params)
				if (res.code == 1) {
					if (this.params.page == 1) {
						this.expertList = []
					}
					let newList = res.data
					if (newList.length >= this.params.pagesize) {
						this.listStatus = 'more'
					} else {
						this.listStatus = 'nomore'
					}
					this.expertList.push(...newList)
					this.isRefreshing = false
				}
			},


            //下拉刷新
			reload() {
				this.isRefreshing = true;
				this.params.page = 1
				this.getMajorList()
			},


			//加载更多
			loadMore() {
				console.log('有没有走加载更多')
				if (this.listStatus == 'more') {
					this.params.page += 1
					this.getMajorList()
				}
			},
}