vue-scroller实现下拉刷新和上拉加载

vue-scroller实现下拉刷新和上拉加载

最近项目用到下拉刷新，便在网上寻找vue-scroller使用，果然，十个答案，八个相同，甚至有的还不能用。所以把思路重新梳理一遍，希望对需要的朋友有用。
开搞。。。

引入依赖

npm install vue-scroller -d

全局引用

在main.js中添加这句话

import VueScroller from 'vue-scroller'
Vue.use(VueScroller)

页面中使用

先上代码

data(){
   
	return{
   
		marqueeContentList: [],
		noData: false
	}
}

<scroller ref="myscroller" :on-refresh="refresh" :on-infinite="infinite">
	<div