vue.js+ajax怎么样实现滚动加载

Question

vue.js+ajax怎么样实现滚动加载

Answer 1

div class="example_top">JinKey最新收藏</div>
<ul>
<li v-for="item in items">

<span class="title_content">{{item.title}}</span>

</li>
</ul>

本来只有一个span，滚动加载后使用AJAX得到新数据，要怎么样把新数据用第二个span显示出来。

Answer 2

加载和显示新数据在vue里最简单了，往你的数据中添加新的值就可以了：

methods: {
loadMore: function() {
yourAjaxMethod(function(moreData) {
this.items.push(moreData);
}.bind(this));
}
}
另外一个问题就是如何触发loadMore，这里像你说的，滚动。所以你需要监听下scroll事件或者使用其他滚动插件比如iscroll，在对应的回调里调用loadMore