詳解vue模擬加載更多功能（數(shù)據(jù)追加）
更新時間：2017年06月23日 10:07:14 作者：太羽
本篇文章主要介紹了vue模擬加載更多功能（數(shù)據(jù)追加），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
使用vue制作加載更多功能，通過ajax獲取的數(shù)據(jù)往data里面push經(jīng)常不成功，原因是push是往數(shù)組中追加數(shù)據(jù)內容的，而不能用作數(shù)組之間的拼接，ajax獲取的數(shù)據(jù)就是數(shù)組形式的，因此不成功，應該使用concat()拼接兩個數(shù)組。
//這是錯誤的寫法
$.ajax({
type:'get',
async:false,
url:path+'no/noticeMobile/getSendNoticeList?imToken='+ getToken +'&pageFlag=2',
dataType: "json",
success: function(msg){
_self.$set('loadMore', msg);
_self.conList.push(_self.loadMore);
}
});
//這是正確的寫法
$.ajax({
type:'get',
async:false,
url:path+'no/noticeMobile/getSendNoticeList?imToken='+ getToken +'&pageFlag=2',
dataType: "json",
success: function(msg){
_self.$set('main',_self.main.concat(msg))
}
});
模擬ajax數(shù)據(jù)加載測試效果如下：
總結：還是自己js基礎知識不扎實，push和concat兩個函數(shù)用法沒有搞清楚，如果你有更好的方法歡迎討論。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
解決vue中使用Axios調用接口時出現(xiàn)的ie數(shù)據(jù)處理問題
今天小編就為大家分享一篇解決vue中使用Axios調用接口時出現(xiàn)的ie數(shù)據(jù)處理問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要給大家介紹了關于Vue單頁面骨架屏實踐的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用vue具有一定的參考學習價值，需要的朋友們下面來一起看看吧。2017-12-12
Vue API中setup ref reactive函數(shù)使用教程
setup是用來寫組合式api，內部的數(shù)據(jù)和方法需要通過return之后，模板才能使用。在之前vue2中，data返回的數(shù)據(jù)，可以直接進行雙向綁定使用，如果我們把setup中數(shù)據(jù)類型直接雙向綁定，發(fā)現(xiàn)變量并不能實時響應。接下來就詳細看看它們的使用2022-12-12
下面小編就為大家?guī)硪黄獀ue中實現(xiàn)滾動加載更多的示例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
這篇文章主要介紹了vue 在服務器端直接修改請求的接口地址的方法，幫助大家更好的理解和使用vue，感興趣的朋友可以了解下2020-12-12
vue2 使用@vue/composition-api依賴包 編譯、打包各種報錯問題分析
由于package.json 文件中 vue、vue-template-compiler 版本號前面 多了個 ^ 導致實際導入時，node_module中的 vue 版本可能被升級為 2.7.x，這篇文章主要介紹了vue2 使用@vue/composition-api依賴包 編譯、打包各種報錯問題分析,需要的朋友可以參考下2023-01-01
通過vue-cli來學習修改Webpack多環(huán)境配置和發(fā)布問題
這篇文章主要介紹了隨著Vue-cli來'學'并'改'Webpack之多環(huán)境配置和發(fā)布的相關知識,本文將會根據(jù)一些實際的業(yè)務需求，先學習vue-cli生成的模版，然后在進行相關修改，感興趣的朋友一起跟著小編學習吧2017-12-12
在做文字處理的項目時經(jīng)常會遇到搜索文字并高亮的需求,本文就來介紹vue 指定文字高亮的實現(xiàn)示例,具有一定的參考價值,感興趣的可以了解一下2023-12-12
這篇文章主要介紹了Vue?props傳遞的類型和寫法,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-07-07
本文主要給大家介紹如何vue實現(xiàn)圖片拖拽及鼠標滾輪放大縮小,文中有詳細的代碼供大家參考,對我們的學習或工作有一定的幫助,需要的朋友可以參考下2023-08-08