vue制作加载更多功能的正确打开方式
2016-10-12 08:51
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数据加载测试地址:https://jsfiddle.net/zhoou/96mnckgL/
总结:还是自己js基础知识不扎实,push和concat两个函数用法没有搞清楚,如果你有更好的方法欢迎讨论。
您可能感兴趣的文章:
相关文章推荐
- InnoDB缓冲池预加载在MySQL 5.7中的正确打开方式
- 阿里云播放器SDK的正确打开方式 | Aliplayer Web播放器介绍及功能实现(三)
- vue基于mint-ui组件loadmore实现上拉加载更多,下拉刷新功能
- vue loadmore组件上拉加载更多功能示例代码
- 阿里云播放器SDK的正确打开方式 | 功能、架构与应用(一)
- InnoDB缓冲池预加载在MySQL 5.7中的正确打开方式
- vue-cli + sass 的正确打开方式图文详解
- 使用 Vue.js 实现加载更多功能
- 【iOS开发-62】自定义cell制作团购页面、顶部图片轮播、底部模拟加载更多功能,核心是练习代理模式
- Xcode 的正确打开方式——Debugging
- Xcode 的正确打开方式——Debugging
- Git 工作流的正确打开方式
- VS2010->打开项目时弹出错误提示:未能正确加载......VisualStudio\10.0\ActivityLog.xm
- 腾讯案例实战!聊聊设计中「需求」的正确打开方式
- Vue.Js 入门功能使用(制作留言板)
- 实现app上对csdn的文章列表上拉刷新下拉加载以及加入缓存文章列表的功能 (制作csdn app 四)
- Vue2.0 $set()的正确使用方式
- 企业打开云HBase的正确方式,来自阿里云云数据库团队的解读
- vue中css预加载使用sass的配置方式