weex图片加载更多方法loadmore的使用


首先,放一个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方法的使用就会出现问题

 

智能推荐

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
© 2014-2019 ITdaan.com 粤ICP备14056181号  

赞助商广告