Maison

Effets spéciaux JS

effets jQuery

Code du plugin de pagination jQuery

Télécharger maintenant Aperçu

code js

  <script src="js/vue.js"></script>
  <script>
    var newlist = new Vue({
      el: '#app',
      data: {
        current_page: 1, //当前页
        pages: 50, //总页数
        changePage:'',//跳转页
        nowIndex:0
      },
      computed:{
         show:function(){
             return this.pages && this.pages !=1
         },
         pstart: function() {
           return this.current_page == 1;
         },
         pend: function() {
           return this.current_page == this.pages;
         },
         efont: function() {
           if (this.pages <= 7) return false;
           return this.current_page > 5
         },
         ebehind: function() {
           if (this.pages <= 7) return false;
           var nowAy = this.indexs;
           return nowAy[nowAy.length - 1] != this.pages;
         },
         indexs: function() {

           var left = 1,
             right = this.pages,
             ar = [];
           if (this.pages >= 7) {
             if (this.current_page > 5 && this.current_page < this.pages - 4) {
               left = Number(this.current_page) - 3;
               right = Number(this.current_page) + 3;
             } else {
               if (this.current_page <= 5) {
                 left = 1;
                 right = 7;
               } else {
                 right = this.pages;

                 left = this.pages - 6;
               }
             }
           }
           while (left <= right) {
             ar.push(left);
             left++;
           }
           return ar;
         },
       },
      methods: {
        jumpPage: function(id) {
          this.current_page = id;
        },
      },

    })
  </script>

一款带跳转功能的vue.js分页插件代码，功能全齐全的vue分页组件，vue.js使用computed计算属性，数据变动执行对应的函数分页代码。

Clause de non-responsabilité

Toutes les ressources de ce site proviennent d'internautes ou sont réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel ! Toutes les ressources de ce site sont uniquement à titre de référence d'apprentissage. Merci de ne pas les utiliser à des fins commerciales. Sinon, vous serez responsable de toutes les conséquences ! En cas d'infraction, veuillez nous contacter pour la supprimer. Coordonnées : admin@php.cn

Article connexe

Explication détaillée de 7 superbes animations jQuery/HTML5 et du code source

08 Mar 2017

jQuery est un framework JavaScript très populaire. En utilisant jQuery, nous pouvons créer des effets d'animation simples, mais combinés avec HTML5, ces effets d'animation deviendront plus remarquables. Cet article partage 7 jQuery combinés avec des animations HTML5 et des téléchargements de code source. 1. HTML5/SVG réalise l'animation d'une horloge à coucou. Il s'agit d'une animation HTML5 très intéressante. Il s'agit d'une horloge à l'ancienne avec un son de coucou et une danse romantique d'un couple. Téléchargement du code source de la démonstration en ligne 2. HTML5/CSS3 pour obtenir un effet de réflexion d'image 3D Cette application utilise principalement CSS3.

Exemple de code de pagination sans actualisation JQuery Ajax

10 Jan 2017

Cet article présente principalement l'exemple de code de pagination sans actualisation JQuery Ajax. Les amis qui en ont besoin peuvent venir s'y référer, j'espère que cela sera utile à tout le monde.

Exemple de code de pagination sans actualisation JQuery Ajax

11 Jan 2017

Quel est le but de la fonction auto-exécutable (function($) {})(jQuery) dans le développement du plugin jQuery ?

08 Nov 2024

Explorer la signification de (function($) {})(jQuery);Dans le domaine du développement de plugins jQuery, l'extrait de code suivant confond souvent...

Code d'implémentation de pagination efficace basé sur Jquery Ajax Json

12 Jan 2017

Pagination Je pense que tout le monde est déjà familier avec la pagination des procédures stockées, et ajax est encore plus familier, sans parler de notre json, etc.

Comment personnaliser le formatage des résultats du plugin de saisie semi-automatique dans l'interface utilisateur jQuery ?

21 Oct 2024

Personnalisation du formatage des résultats du plug-in de saisie semi-automatique Lorsque vous utilisez le plug-in de saisie semi-automatique jQuery UI populaire, vous pouvez rencontrer le besoin de mettre en évidence des séquences de caractères spécifiques dans les résultats déroulants pour améliorer l'expérience utilisateur. Cet article explique

Comment exécuter du code dans des iframes insérées dynamiquement à l'aide de l'événement de chargement de jQuery ?

16 Nov 2024

Exécution de code dans des iframes insérées dynamiquementLorsque vous utilisez jQuery Thickbox pour afficher une iframe dans une page parent, il peut y avoir des problèmes avec...

Comment puis-je récupérer un attribut Data-ID à partir d'un élément cliqué à l'aide du plugin Quicksand de jQuery ?

31 Dec 2024

Récupération de l'attribut data-idQuestion :Lors de l'utilisation du plugin Quicksand de jQuery, comment puis-je accéder à l'attribut data-id d'un élément cliqué et...

Plug-in d'effets spéciaux de feux d'artifice réalistes basé sur un canevas HTML5

18 Jan 2017

jquery-fireworks est un plug-in jQuery pour des effets spéciaux de feux d'artifice réalistes basés sur HTML5 Canvas. Le plugin est simple à utiliser et librement configurable. Il peut générer des effets de feux d'artifice réalistes dans un conteneur div.

See all articles

Outils chauds Tags

Éditeurs PHP

Outils de développement

PHP IDE

Cadre PHP

PHP debugging tools

PHP extensions

Hot Tools

jQuery2019 Effets spéciaux d'animation de feux d'artifice de confession de la Saint-Valentin

Un effet spécial d'animation de feux d'artifice de confession jQuery pour la Saint-Valentin très populaire sur Douyin, adapté aux programmeurs et aux geeks techniques pour exprimer leur amour à la fille qu'ils aiment. Peu importe que vous choisissiez de l'aimer ou non, vous devez finalement être d'accord.