vue.js charge du nouveau contenu

Vue est un framework léger et pratique, alors comment actualiser le chargement des données ? Voici mes réflexions sur le chargement des données vue.js

Code source :

　　

　　
• 
  　　　
  
  　　
> 　

　　

　　

Chargement...

　　
|
var pageSize = 6;
vue = new Vue({

el: '#app',

data: {

items: [],

pageNum : pageNum,
pageSize : pageSize,
rawItems : [],
sitems :[]
},
méthodes : {
getList : function() {
$.showLoading ();
This.$http.get(store.list, {
pageNum : pageNum,
pageSize : pageSize
}).then(function(result) {
();
　　　　this.sitems = result.data.data.items;
　　　}, function() {
　　　 　$.removeLoading( ,
'content': "La page est paresseux~~",
'sure': this.close
{
　　　 history.go(-1);
scrollTop = event.target.scrollTop,
scrollBottom = offsetHeight + scrollTop;
if(scrollBottom == scrollHeight+10 ||scrollBottom == scrollHeight) {
if(this.pageNum == Math .ceil(this.rawItems.length / this.pageSize)) {
return
}
this.pageNum++;
pageNum++;
$(".myload").removeClass(" disn ");
vue.$http.get(store.list, {
pageNum : pageNum,
pageSize : pageSize
}).then(function(result) {
setTime out(function () {
　　　　　　$(".myload").addClass("disn" );
　　　　　　vue.sitems = vue.sitems.concat(result.data.data.items);
　　　　　}, 2000)
}, Function () {
$ (". MyLoad") . Addclass ("DISN");
})
}
},
,
prêt : function() {
　　　this.getList();
　　　for(var je = 0; je <= 1000; i++) {
　　　　　this.rawItems.push(i)
　　　}
　　}
　})
})

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：

javascript vue.js 内容 加载

source：php.cn

Article précédent：méthode js pour calculer la longueur de la chaîne Article suivant：Explication détaillée sur la façon de changer le titre d'une page Web lorsqu'elle perd le focus

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur

• Comment ajouter des éléments au tableau php
  2023-03-14 15:58:02
• Exemple montrant comment JS implémente un système simple d'évaluation à choix multiples
  1970-01-01 08:00:00
• Solution PHP pour restreindre les soumissions multiples de la même IP
  2023-03-15 07:38:01
• Utiliser des expressions régulières pour implémenter la validation de formulaire en HTML
  1970-01-01 08:00:00
• Explication détaillée de ce problème de pointage en mode strict JavaScript
  1970-01-01 08:00:00
• Exemple de code pour créer un menu arborescent (y compris un menu à plusieurs niveaux) en Java
  1970-01-01 08:00:00
• Explication détaillée d'exemples de CSS3 implémentant une transition en douceur lorsque le survol quitte
  1970-01-01 08:00:00
• Analyse du partage de code source d'image du carrousel Swiper
  1970-01-01 08:00:00
• Résumer et organiser les plug-ins VsCode
  1970-01-01 08:00:00
• Code de classe de l'outil de requête HttpUtils
  1970-01-01 08:00:00

Derniers numéros

Méthode CSS uniquement pour modifier dynamiquement le src de l'image au clic sans utiliser JavaScript Je dois changer le src d'une image en cliquant sur la souris en utilisant uniquement du CS...

Depuis 2024-04-06 19:25:49

0

1

505

Les points de nuage de points ne conservent pas leurs valeurs lors du zoom dans d3.js C'est la première fois que j'utilise d3.js, alors soyez indulgents avec moi. Je l'ai implé...

Depuis 2024-04-06 18:16:26

0

1

403

Événements de survol JavaScript sur des pseudo-éléments spécifiques au fournisseur Il s'agit de HTMLinput.$("input[type='range']::-webkit-slider-thumb").on('hover'...

Depuis 2024-04-06 15:35:24

0

1

274

Soumettre le formulaire sans bouton en utilisant Javascript/Jquery J'essaie de soumettre un formulaire sans bouton en appelant une fonction JavaScript et en ...

Depuis 2024-04-06 14:54:03

0

2

421

Personnalisez l'apparence des en-têtes accordéon Bootstrap à l'aide de la classe CollapseDisplay Je souhaite styliser le titre de la carte d'un panneau avec la classeeffondrementshow. Dan...

Depuis 2024-04-06 12:53:11

0

1

376

Rubriques connexes

Plus>

• Comment obtenir la longueur d'un tableau en js
• js actualiser la page actuelle
• js arrondi
• méthode js pour supprimer le nœud
• Caractères d'échappement JavaScript
• Comment générer des nombres aléatoires en js
• Comment activer JavaScript
• Explication détaillée de la classe Symbol dans JS