Blame view

components/mescroll-uni/mixins/mescroll-comp.js 1.24 KB
c7add6cf   “wangming”   初始版本开发完毕
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
  /**

   * mescroll-body写在子组件时,需通过mescrollmixins补充子组件缺少的生命周期

   */

  const MescrollCompMixin = {

  	// 因为子组件无onPageScroll和onReachBottom的页面生命周期,需在页面传递进到子组件 (一级)

  	onPageScroll(e) {

  		this.handlePageScroll(e)

  	},

  	onReachBottom() {

  		this.handleReachBottom()

  	},

  	// 当down的native: true时, 还需传递此方法进到子组件

  	onPullDownRefresh(){

  		this.handlePullDownRefresh()

  	},

  	// mescroll-body写在子子子...组件的情况 (多级)

  	data() {

  		return {

  			mescroll: {

  				onPageScroll: e=>{

  					this.handlePageScroll(e)

  				},

  				onReachBottom: ()=>{

  					this.handleReachBottom()

  				},

  				onPullDownRefresh: ()=>{

  					this.handlePullDownRefresh()

  				}

  			}

  		}

  	},

  	methods:{

  		handlePageScroll(e){

  			let item = this.$refs["mescrollItem"];

  			if(item && item.mescroll) item.mescroll.onPageScroll(e);

  		},

  		handleReachBottom(){

  			let item = this.$refs["mescrollItem"];

  			if(item && item.mescroll) item.mescroll.onReachBottom();

  		},

  		handlePullDownRefresh(){

  			let item = this.$refs["mescrollItem"];

  			if(item && item.mescroll) item.mescroll.onPullDownRefresh();

  		}

  	}

  }

  

  export default MescrollCompMixin;