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 相关文章推荐
动态为事件添加js代码示例
Feb 15 Javascript
IE8下String的Trim()方法失效的解决方法
Nov 08 Javascript
node.js中的events.emitter.removeListener方法使用说明
Dec 10 Javascript
浅谈javascript 函数属性和方法
Jan 21 Javascript
JS解析XML文件和XML字符串详解
Apr 17 Javascript
JavaScript保存并运算页面中数字类型变量的写法
Jul 06 Javascript
javascript实现下雪效果【实例代码】
May 03 Javascript
JS判断日期格式是否合法的简单实例
Jul 11 Javascript
JS实现六边形3D拖拽翻转效果的方法
Sep 11 Javascript
原生js实现放大镜
Feb 20 Javascript
angularJS 发起$http.post和$http.get请求的实现方法
May 18 Javascript
JavaScript笛卡尔积超简单实现算法示例
Jul 30 Javascript
将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 mkdir()定义和用法
2009/01/14 PHP
php数据库连接时容易出错的特殊符号问题
2010/09/01 PHP
php中$_POST与php://input的区别实例分析
2015/01/07 PHP
php版阿里大于(阿里大鱼)短信发送实例详解
2016/11/30 PHP
PHP实现QQ、微信和支付宝三合一收款码实例代码
2018/02/19 PHP
tp5(thinkPHP5框架)时间查询操作实例分析
2019/05/29 PHP
详解强大的jQuery选择器之基本选择器、层次选择器
2012/02/07 Javascript
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
2013/11/15 Javascript
ie8本地图片上传预览示例代码
2014/01/12 Javascript
jQuery实现鼠标经过图片预览大图效果
2014/04/10 Javascript
jquery解决客户端跨域访问问题
2015/01/06 Javascript
jQuery实现简单的图片查看器
2020/09/11 Javascript
jQuery 监控键盘一段时间没输入
2016/04/22 Javascript
AngularJS双向绑定和依赖反转实例详解
2017/04/15 Javascript
js实现带进度条提示的多视频上传功能
2020/12/13 Javascript
pm2 部署 node的三种方法示例
2017/10/20 Javascript
使用JS模拟锚点跳转的实例
2018/02/01 Javascript
Vue项目中使用jquery的简单方法
2019/05/16 jQuery
微信小程序页面上下滚动效果
2020/11/18 Javascript
对TypeScript库进行单元测试的方法
2019/07/18 Javascript
vue使用一些外部插件及样式的配置代码
2019/11/18 Javascript
vue 组件开发原理与实现方法详解
2019/11/29 Javascript
详解JavaScript作用域 闭包
2020/07/29 Javascript
vuex的数据渲染与修改浅析
2020/11/26 Vue.js
[01:03:18]DOTA2-DPC中国联赛 正赛 RNG vs Dynasty BO3 第一场 1月29日
2021/03/11 DOTA
Python文本处理之按行处理大文件的方法
2018/04/09 Python
Python列表生成式与生成器操作示例
2018/08/01 Python
Python的PIL库中getpixel方法的使用
2020/04/09 Python
解决tensorflow 释放图,删除变量问题
2020/06/23 Python
Python tkinter界面实现历史天气查询的示例代码
2020/08/23 Python
德国家具折扣店:POCO
2020/02/28 全球购物
德语专业求职信
2014/03/12 职场文书
小学生作文评语大全
2014/04/21 职场文书
答谢词范文
2015/01/05 职场文书
2015年安全生产月工作总结
2015/07/27 职场文书
使用numpy nonzero 找出非0元素
2021/05/14 Python