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

Vue.js分页加载与数据整合教程：从错误中学习

在Vue.js应用中，分页加载或无限加载数据是常见的功能需求。本文将通过实际的业务场景和编程中的误区，帮助你深入理解Vue.js的设计思想。我们将聚焦于一个常见的问题：使用ajax获取的数据如何整合到Vue的data中。

在开发过程中，你可能会遇到这样的问题：尝试使用push方法将ajax获取的数据追加到数组中，但却未能成功。记住，push方法用于向数组追加内容，而不是用于数组之间的拼接。如果你尝试用push来合并两个数组，那么可能会遇到问题。特别是当你的ajax返回的数据是数组形式时，你应该使用concat()方法来拼接两个数组。

这是错误的写法：

```javascript

$.ajax({

type:'get',

async:false,

url:path+'no/noticeMobile/getSendNoticeList?imToken='+ getToken +'&pageFlag=2',

dataType: "json",

success: function(msg){ // 注意这里应该是success而不是suess

_self.$set('loadMore', msg);

_self.conList.push(_self.loadMore); // 这里尝试使用push合并数组是错误的

}

});

```

正确的写法应该是这样的：

```javascript

$.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)); // 使用concat方法正确合并数组

}

});

```

记住，编程不仅是技术，也是不断学习和的过程。只有通过不断实践和学习，我们才能不断进步，更好地掌握编程的艺术。如果你对Vue.js或其他技术有任何问题或想法，欢迎与我们分享。让我们一起学习，一起成长。