首先,放一个weex中loadmore使用的demo,可以看一下http://dotwe.org/vue/8dd2a10c69e149ae8971f8298cc8bebf
1.在list标签上添加 @loadmore = “liadmore”
<list @loadmore="loadmore" class="scrollRight" loadmoreoffset="10" ref="scroll" :style="{height:(getHeight - getIOSHeight -getHeightHeader)+'px',paddingBottom:isIos?'0px':'98px'}"> <youtil-refresh :width="'590px'" @URefresh="onRefresh" ref="refresh"></youtil-refresh> <cell class="rightBox" v-for="(item, index) in proList" v-if="listIndex==-1"> <div class="proBox" @click="goDetail(item.goodsId)"> <image class="proImg" resize="contain" :src="item.imgUrl+'&x-oss-process=image/resize,w_164'"></image> <div class="wordBox"> <text class="word ellipsis2">{{item.goodsName}}</text> </div> </div> </cell> </list>
2.写loadmore的方法,内容主要是图片列表拉到底要添加的内容
有一点需要注意,如上代码中,我的需求是循环cell中的div,但是如果把v-for写在cell标签内的div上,loadmore方法的使用就会出现问题
本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。