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方法的使用就会出现问题

 

posted @ 2018-09-04 21:39  思绪在漫游  阅读(1558)  评论(0编辑  收藏  举报