Heim

JS-Spezialeffekte

jQuery-Effekte

jQuery-Paging-Plugin-Code

Jetzt downloaden Vorschau

js-Code

  <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计算属性，数据变动执行对应的函数分页代码。

Haftungsausschluss

Alle Ressourcen auf dieser Website werden von Internetnutzern bereitgestellt oder von großen Download-Sites nachgedruckt. Bitte überprüfen Sie selbst die Integrität der Software! Alle Ressourcen auf dieser Website dienen nur als Referenz zum Lernen. Bitte nutzen Sie diese nicht für kommerzielle Zwecke. Andernfalls sind Sie für alle Folgen verantwortlich! Wenn ein Verstoß vorliegt, kontaktieren Sie uns bitte, um ihn zu löschen. Kontaktinformationen: admin@php.cn

Verwandter Artikel

Pure JQuery implementiert einen einfachen Paging-Effekt (Codebeispiel)

20 Oct 2018

Wie kann man mit reiner JQuery einen Paging-Effekt erzielen? Was Ihnen dieser Artikel bringt, ist reine JQuery, um einen einfachen Paging-Effekt zu erzielen (Codebeispiel). Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Beispielcode für JQuery+Ajax-Paging ohne Aktualisierung

10 Jan 2017

In diesem Artikel wird hauptsächlich der Beispielcode für JQuery+Ajax-Non-Refresh-Paging vorgestellt. Ich hoffe, dass er für alle hilfreich ist.

Beispielcode für JQuery+Ajax-Paging ohne Aktualisierung

11 Jan 2017

In diesem Artikel wird hauptsächlich der Beispielcode für JQuery+Ajax-Non-Refresh-Paging vorgestellt. Ich hoffe, dass er für alle hilfreich ist.

JQuery-Formularvalidierungs-Plugin

22 Nov 2017

Das JQuery-Formularvalidierungs-Plug-In eignet sich sehr gut für die Verwendung in unseren eigenen Projekten. Wer sich für JQuery interessiert, kann es auch studieren und JQuery lernen.

Private Methode des JQuery-Plugins

28 May 2023

jQuery ist eine sehr beliebte JavaScript-Bibliothek, die Webentwicklern problemlos verschiedene Funktionen und Tools zur Verfügung stellt. Unter diesen sind Plug-Ins ein Hauptmerkmal von jQuery. Sie können jQuery weitere Funktionen und Operationen hinzufügen. In diesem Artikel werden die privaten Methoden in jQuery-Plug-Ins vorgestellt, die für die Plug-In-Entwicklung sehr wichtig sind. 1. Was ist ein jQuery-Plug-in? Bevor wir näher auf private Methoden eingehen, müssen wir verstehen, was ein jQuery-Plugin ist. Das jQuery-Plugin ist eine Erweiterung von jQuery

Jquery-Plugin – ajaxfileupload.js

12 Dec 2016

Jquery-Plugin – ajaxfileupload.js

JQuery-Menü-Plugin?

23 May 2023

jQuery-Menü-Plugin – das ideale Tool zur Verbesserung der Benutzererfahrung In modernen Websites sind Navigationsmenüs eines der wichtigsten Elemente. Diese Menüs helfen Benutzern nicht nur dabei, den gewünschten Inhalt zu finden, sondern sie sind auch ein wichtiger Teil des Stils und Designs der Website. Daher müssen Entwickler sicherstellen, dass das Navigationsmenü einfach zu bedienen ist, über eine gute Funktionalität verfügt und gut aussieht. In dieser Hinsicht ist das jQuery-Menü-Plugin ein sehr nützliches Tool, das die Benutzererfahrung erheblich verbessern kann. jQuery ist eine beliebte Bibliothek für JavaScript, die häufig auf Websites und im Internet verwendet wird

Was ist ein jQuery-Plugin?

30 May 2019

JQuery-Plug-Ins sind von einigen Leuten geschriebene Tools, die JQuery verwenden. Wenn wir sie aufrufen, müssen wir nur sehr wenig Code verwenden, um gute Ergebnisse zu erzielen. Der Zweck des Schreibens von JQuery-Plug-Ins besteht hauptsächlich darin, eine Reihe vorhandener Methoden oder Funktionen zu kapseln , sodass es an anderen Orten wiederverwendet werden kann, um die spätere Wartung zu erleichtern und die Entwicklungseffizienz zu verbessern.

Einfaches jQuery-Scroll-Plugin

25 Nov 2016

jQuery einfaches Scroll-Plugin

See all articles

Hot-Tools-Tags

PHP-Editoren

Entwicklungswerkzeuge

PHP IDE

PHP-Framework

PHP debugging tools

PHP extensions

Hot Tools

jQuery2019 Valentinstag-Geständnis-Feuerwerk-Animations-Spezialeffekte

Ein sehr beliebter jQuery-Spezialeffekt mit Geständnisfeuerwerk zum Valentinstag auf Douyin, der für Programmierer und Technikfreaks geeignet ist, um dem Mädchen, das sie lieben, ihre Liebe auszudrücken. Egal, ob Sie es mögen oder nicht, am Ende müssen Sie zustimmen.