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
| /**
| * mescroll-body写在子组件时,需通过mescroll的mixins补充子组件缺少的生命周期
| */
| const MescrollCompMixin = {
| // 因为子组件无onPageScroll和onReachBottom的页面生命周期，需在页面传递进到子组件 (一级)
| onPageScroll(e) {
| this.handlePageScroll(e)
| },
| onReachBottom() {
| this.handleReachBottom()
| },
| // 当down的native: true时, 还需传递此方法进到子组件
| onPullDownRefresh(){
| this.handlePullDownRefresh()
| },
| data() {
| return {
| mescroll: { // mescroll-body写在子子子...组件的情况 (多级)
| 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;
|
|
