详解vue模拟加载更多功能（数据追加）
作者：太羽 发布时间：2024-05-22 10:41:44
标签：vue,加载更多
使用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数据加载测试效果如下：
总结：还是自己js基础知识不扎实，push和concat两个函数用法没有搞清楚，如果你有更好的方法欢迎讨论。
来源：https://segmentfault.com/a/1190000007135360
0
投稿猜你喜欢
- 作为设计主管，Peter Stern 已经领导 microsoft.com 重新设计了主页并且开发了五个不同的交互工具，这些工具被用于下载中
1、将下载好的mysql压缩包解压到安装目录下2、新建文件 my.ini，放置到mysql安装目录下，内容如下：[mysql]# 设置mys- 一、KNN概述简单来说，K-近邻算法采用测量不同特征值之间的距离方法进行分类优点：精度高、对异常值不敏感、无数据输入假定缺点：计算复杂度高、
- W3C终于发布了第一个HTML5草案，大家还沉溺在HTML2XHTML转换的快乐和痛苦中时，却又突然发现，HTML5和XHTML2，到底谁是
- 本文实例讲述了Python实现简单的获取图片爬虫功能。分享给大家供大家参考，具体如下：简单Python爬虫，获得网页上的照片#coding=
- 数据库对于服务端开发人员来说，几乎就是左膀右臂。几乎每一个服务端开发人员都要和数据库打交道。而MySQL又以其开源免费，小巧玲珑，简单易用，
- 方法一：#-*- coding:utf-8 -*-from sqlalchemy import create_engineclass mys
- asp无组件上传VBS编写的大家见的多了，这个是纯javascript实现的上传,原来unicode可以解决读取位置的问题，这次真的是纯JS
- 我就废话不多说了，大家还是直接看代码吧~package main import ("fmt""time&quo
- 1 通过System.DBNull判断，网上大部分都使用这个方法。DataTable dt;
- 函数没有SQL的可移植性强 能运行在多个系统上的代码称为可移植的（portable）。相对来说，多数SQL语句是可移植的，在SQL实现之间有
- 如下所示：matrix.py#!/usr/bin/python# -*- encoding:UTF-8-*-import pprintimp
- 类的代码: define('QR_MODE_NUL', -1); define('QR_MODE_NUM',
- <? $dbh = @mysql_connect("localhost:3306","root"
- 为什么需要对参数进行编码？相信有过开发的经验的广大程序员都知道，在Web中，若是直接在Url地址上传递参数值，若是中文，或者+等什么的就会出
- Mootools 1.2手风琴（Accordion）教程原文地址：30 Days of Mootools 1.2 Tutoria
- 这可能是一个非常简单的问题，但是今天花一点点时间把这个简单的问题在说清晰一点，相信大家对ＣＳＳ的学习和认识会很有帮助，强化一些概念的东西，对
- JavaScript获取Select当前值写法：var value = document.getElementById("sele
- 我们可以很轻松的从1到9或者从9到1正着背一遍，反着背一遍。但是想要在编程实现这些看起来简单的操作，就没那么容易了。因为计算机需要一些指令，
- 表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数
