详解vue模拟加载更多功能(数据追加)
2017-06-23 10:07
543 查看
使用vue制作加载更多功能,通过ajax获取的数据往data里面push经常不成功,原因是push是往数组中追加数据内容的,而不能用作数组之间的拼接,ajax获取的数据就是数组形式的,因此不成功,应该使用concat()拼接两个数组。
//这是错误的写法 $.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数据加载测试效果如下:
总结:还是自己js基础知识不扎实,push和concat两个函数用法没有搞清楚,如果你有更好的方法欢迎讨论。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- iOS:详解MJRefresh刷新加载更多数据的第三方库
- iOS:详解MJRefresh刷新加载更多数据的第三方库
- pc加载更多功能和移动端下拉刷新加载数据
- 转:详解iPhone Tableview分批显示数据 点击加载更多
- PHP+jQuery实现滚屏无刷新动态加载数据功能详解
- Android下拉刷新库,利用viewdraghelper实现,集成了下拉刷新,底部加载更多,数据初始加载显示loading等功能
- ionic ngRepeat追加数据(加载更多,不需要重复渲染dom数据)
- win8 metro 无限滚动加载数据,实现“更多”功能
- 关于Android 下拉刷新,上拉加载更多数据功能的详细解析
- js通用数据检测方法(只完成js端大体功能,随会追加php端代码)
- UITableView实现加载更多功能
- 更多Windows Phone 8新功能详解
- Android简单数据存储类SharedPreferences详解及实例(通过“记住密码”功能学习SharedPreferences)
- Android简单数据存储类SharedPreferences详解及实例(通过“记住密码”功能学习SharedPreferences) .
- ASP.“.NET研究”NET MVC功能详解 变身数据展示达人
- JS实现AJAX提交数据到后台,实现验证用户名是否存在功能详解
- Android简单数据存储类SharedPreferences详解及实例(通过“记住密码”功能学习SharedPreferences)
- 实现Twitter自动加载更多功能
- Oralce OMF功能详解(一)--Oracle数据文件的OMF管理
- js通用数据检测方法(只完成js端大体功能,随会追加php端代码)