首頁猿問 vue.js+ajax怎么樣實現(xiàn)滾動加載

vue.js+ajax怎么樣實現(xiàn)滾動加載

Vue.js

30秒到達戰(zhàn)場 2019-05-25 15:15:47

查看完整描述

2 回答

千巷貓影

TA貢獻1829條經(jīng)驗獲得超7個贊

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

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

</li>
</ul>

本來只有一個span，滾動加載后使用AJAX得到新數(shù)據(jù)，要怎么樣把新數(shù)據(jù)用第二個span顯示出來。

反對回復(fù) 2019-05-26

莫回無

TA貢獻1865條經(jīng)驗獲得超7個贊

加載和顯示新數(shù)據(jù)在vue里最簡單了，往你的數(shù)據(jù)中添加新的值就可以了：

methods: {
loadMore: function() {
yourAjaxMethod(function(moreData) {
this.items.push(moreData);
}.bind(this));
}
}
另外一個問題就是如何觸發(fā)loadMore，這里像你說的，滾動。所以你需要監(jiān)聽下scroll事件或者使用其他滾動插件比如iscroll，在對應(yīng)的回調(diào)里調(diào)用loadMore