apicloud图片懒加载如何实现？

Question

如题：apicloud+vue渲染图片列表，现在需要做一个懒加载效果（下拉加载）。

<li class="r_s_m_item" v-for="(item,index) in recommend" v-bind:class="{fl:index%2==0,fr:index%2!=0}" @click="go_detail(item.gid)">
                                    <div class="r_s_m_i_box">
                                        <div class="r_s_m_i_icon">
                                            <img :src="item.img" />
                                        </div>
                                        <div class="r_s_m_i_title">
                                            <p>
                                                {{item.name}}
                                            </p>
                                        </div>
                                        <div class="r_s_m_i_car">
                                            <i>￥{{item.min_price}}</i>
                                            <a>{{item.sell_number}}件</a>
                                        </div>
                                    </div>
                                </li>

代码结构如上，同时，我找了一个apicloud的api：

api.addEventListener({
                name: 'scrolltobottom',
                extra: {
                    threshold: 0
                }
            }, function(ret, err) {
//alert(“正在加载中”)
                lazy();//这里再次调用后台接口一次，具体应该如何做？
            });

Answer 1

vue的话 我记得有个 vue-scroller 挺好用的