当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vue制作加载更多功能的正确打开方式

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

2018年05月10日  | 移动技术网IT编程  | 我要评论

爆丸小子第二部,维护网站,乒乓球直拍教学视频

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

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网