vue制作加载更多功能的正确打开方式


Posted in Javascript onOctober 12, 2016

使用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两个函数用法没有搞清楚,如果你有更好的方法欢迎讨论。

Javascript 相关文章推荐
菜单效果
Oct 14 Javascript
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
Jan 08 Javascript
自制基于jQuery的智能提示插件一枚
Feb 18 Javascript
javascript事件冒泡详解和捕获、阻止方法
Apr 12 Javascript
jquery使用jxl插件导出excel示例
Apr 14 Javascript
jQuery的基本概念与高级编程
May 14 Javascript
js通过classname来获取元素的方法
Nov 24 Javascript
js select下拉联动 更具级联性!
Apr 17 Javascript
解决Vue 浏览器后退无法触发beforeRouteLeave的问题
Dec 24 Javascript
vue底部加载更多的实例代码
Jun 29 Javascript
解决JavaScript中0.1+0.2不等于0.3问题
Oct 23 Javascript
jquery图片预览插件实现方法详解
Jul 18 jQuery
将form表单通过ajax实现无刷新提交的简单实例
Oct 12 #Javascript
深入理解Node.js的HTTP模块
Oct 12 #Javascript
纯js实现手风琴效果代码
Apr 17 #Javascript
JavaScript 继承详解(六)
Oct 11 #Javascript
JavaScript 继承详解(五)
Oct 11 #Javascript
Javascript动画效果(4)
Oct 11 #Javascript
JavaScript中const、var和let区别浅析
Oct 11 #Javascript
You might like
php UTF8 文件的签名问题
2009/10/30 PHP
基于PHP的简单采集数据入库程序【续篇】
2014/07/30 PHP
PHP针对常规模板引擎中与CSS/JSON冲突的解决方法
2014/08/19 PHP
PHP实现统计在线人数功能示例
2016/10/15 PHP
Laravel框架中Blade模板的用法示例
2017/08/30 PHP
jQuery实现复选框批量选择与反选的方法
2015/06/17 Javascript
详解js中构造流程图的核心技术JsPlumb
2015/12/08 Javascript
AngularJS中的Directive实现延迟加载
2016/01/25 Javascript
AngularJS实现ajax请求的方法
2016/11/22 Javascript
详解jQuery lazyload 懒加载
2016/12/19 Javascript
Node.js学习入门
2017/01/03 Javascript
JavaScript中undefined和null的区别
2017/05/03 Javascript
nodejs实现范围请求的实现代码
2018/10/12 NodeJs
layer 刷新某个页面的实现方法
2019/09/05 Javascript
JS highcharts动态柱状图原理及实现
2020/10/16 Javascript
ant design vue datepicker日期选择器中文化操作
2020/10/28 Javascript
Python读写ini文件的方法
2015/05/28 Python
解决python3 Pycharm上连接数据库时报错的问题
2018/12/03 Python
Win10系统下安装labelme及json文件批量转化方法
2019/07/30 Python
基于Python的微信机器人开发 微信登录和获取好友列表实现解析
2019/08/21 Python
django框架auth模块用法实例详解
2019/12/10 Python
Python异步编程之协程任务的调度操作实例分析
2020/02/01 Python
python实现串口通信的示例代码
2020/02/10 Python
使用Puppeteer爬取微信文章的实现
2020/02/11 Python
PyQt5事件处理之定时在控件上显示信息的代码
2020/03/25 Python
python支持多继承吗
2020/06/19 Python
英国手机零售商:Metrofone
2019/03/18 全球购物
户外用品商店创业计划书
2014/01/29 职场文书
大学自主招生推荐信
2014/05/10 职场文书
运动会加油口号
2014/06/07 职场文书
法人委托书范本格式
2014/09/15 职场文书
2015元旦晚会主持人开场白+结束语
2014/12/14 职场文书
2015年小学生自我评价范文
2015/03/03 职场文书
工作试用期自我评价
2015/03/10 职场文书
画展观后感
2015/06/17 职场文书
2015年学校管理工作总结
2015/07/20 职场文书