Rumah Kesan khas JS kesan jQuery kod pemalam jQuery paging

kod pemalam jQuery paging

kod pemalam jQuery paging

kod pemalam jQuery paging

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

Penafian

Semua sumber di laman web ini disumbangkan oleh netizen atau dicetak semula oleh tapak muat turun utama. Sila semak integriti perisian itu sendiri! Semua sumber di laman web ini adalah untuk rujukan pembelajaran sahaja. Tolong jangan gunakannya untuk tujuan komersial. Jika tidak, anda akan bertanggungjawab untuk semua akibat! Jika terdapat sebarang pelanggaran, sila hubungi kami untuk memadamkannya. Maklumat hubungan: admin@php.cn

Artikel Berkaitan

penggunaan pemalam jquery paging penggunaan pemalam jquery paging

09 May 2023

Dengan pembangunan Internet yang berterusan, adalah semakin biasa bagi laman web untuk memaparkan sejumlah besar data. Apabila memaparkan data ini, operasi halaman sering diperlukan. Untuk memudahkan pembangun melaksanakan fungsi paging, jQuery menyediakan pemalam paging plug-in-jQuery paging yang berkuasa. Pemalam paging jQuery ialah pemalam yang ringan dan mudah digunakan yang digunakan untuk melaksanakan fungsi paging data halaman web dengan cepat. Ia boleh membantu kami menukar data dengan mudah, dan pada masa yang sama membolehkan pengguna menyemak imbas data dengan lebih mudah. Di bawah, kami akan memperkenalkan sisipan penomboran jQuery

apakah pemalam jquery apakah pemalam jquery

27 Sep 2022

Pemalam jquery bermaksud "pemalam jquery", iaitu beberapa alat yang ditulis oleh pembangun menggunakan jquery Ia boleh difahami sebagai fungsi atau kesan khas yang dirangkumkan oleh jQuery, hanya sejumlah kecil kod yang diperlukan untuk mencapai hasil yang baik. Kesan. Tujuan menulis pemalam jquery adalah terutamanya untuk merangkum satu siri kaedah atau fungsi sedia ada supaya ia boleh digunakan semula di tempat lain untuk memudahkan penyelenggaraan kemudian dan meningkatkan kecekapan pembangunan.

analisis contoh penggunaan pemalam kesan lapisan seret jquery (dengan kod sumber demo)_jquery analisis contoh penggunaan pemalam kesan lapisan seret jquery (dengan kod sumber demo)_jquery

16 May 2016

Artikel ini terutamanya memperkenalkan penggunaan pemalam kesan lapisan seret jquery, dan menganalisis kemahiran penggunaan khusus pemalam jquery-ui-1.7.2.custom.min.js dalam bentuk contoh kod sumber demo yang lengkap untuk dimuat turun oleh pembaca untuk rujukan

Jquery pemalam gelongsor kiri dan kanan untuk mencapai kesan animasi yang hebat dengan kod sumber download_jquery Jquery pemalam gelongsor kiri dan kanan untuk mencapai kesan animasi yang hebat dengan kod sumber download_jquery

16 May 2016

Ini ialah kesan pensuisan gelangsar berbilang berdasarkan pemalam jquery.pogo-slider. Artikel ini akan memperkenalkan anda kepada pemalam gelongsor kiri dan kanan Jquery untuk mencapai kesan animasi yang hebat Rakan-rakan yang berminat dengan pengetahuan berkaitan pemalam gelongsor kiri dan kanan jquery boleh merujuknya.

analisis contoh penggunaan pemalam kesan lipatan kandungan jQuery (dengan kod sumber demo)_jquery analisis contoh penggunaan pemalam kesan lipatan kandungan jQuery (dengan kod sumber demo)_jquery

16 May 2016

Artikel ini terutamanya memperkenalkan penggunaan pemalam kesan lipatan kandungan jQuery, dan menganalisis kemahiran penggunaan khusus pengembangan jQuery dan pemalam lipatan jquery.coolfieldset.js dalam bentuk contoh Ia juga disertakan dengan kod sumber demo untuk pembaca muat turun dan rujuk kepada rakan-rakan yang memerlukannya boleh merujuknya.

Kod kesan paging pseudo dilaksanakan oleh jquery_jquery Kod kesan paging pseudo dilaksanakan oleh jquery_jquery

16 May 2016

Artikel ini terutamanya memperkenalkan kod kesan paging pseudo yang dilaksanakan oleh jQuery, melibatkan teknik berkaitan operasi elemen halaman jQuery dan pengiraan berangka Ia mempunyai nilai rujukan tertentu.

jQuery Timelinr melaksanakan pemalam garis masa menegak dan mendatar (dengan muat turun kod sumber)_jquery jQuery Timelinr melaksanakan pemalam garis masa menegak dan mendatar (dengan muat turun kod sumber)_jquery

16 May 2016

jquery.timelinr.js ialah pemalam garis masa jQuery dengan kesan yang sangat hebat. Di bawah, editor Script House akan memperkenalkan kepada anda pemalam jQuery Timelinr untuk melaksanakan garis masa menegak dan mendatar Rakan yang memerlukannya boleh merujuknya.

pemalam pengisihan drag-and-drop jQuery mencipta kesan pengisihan drag-and-drop (dengan muat turun kod sumber)_jquery pemalam pengisihan drag-and-drop jQuery mencipta kesan pengisihan drag-and-drop (dengan muat turun kod sumber)_jquery

16 May 2016

Menggunakan pemalam pengisihan seretan jquery untuk mencipta kesan penyisihan seretan ialah pemalam susun atur seret tetikus yang sangat praktikal, yang kadangkala digunakan pada tapak web Hari ini saya akan berkongsi dengan anda pemalam pengisihan seretan jQuery untuk mencipta kesan pengisihan seret yang memerlukan boleh merujuknya.

jQuery ajax paging contoh pemalam code_jquery jQuery ajax paging contoh pemalam code_jquery

16 May 2016

Artikel ini terutamanya memperkenalkan maklumat yang berkaitan tentang kod contoh pemalam jQuery ajax paging Artikel ini memperkenalkannya dengan terperinci dan mempunyai nilai rujukan. Ia dengan ini dikongsi untuk dipelajari oleh semua orang.

See all articles See all articles

Hot Tools

jQuery2019 Kesan Khas Animasi Bunga Api Pengakuan Hari Valentine

jQuery2019 Kesan Khas Animasi Bunga Api Pengakuan Hari Valentine

Kesan khas animasi bunga api pengakuan Hari Valentine jQuery yang sangat popular pada Douyin, sesuai untuk pengaturcara dan pakar teknikal untuk menyatakan cinta mereka kepada gadis yang mereka cintai Tidak kira anda suka atau tidak, anda perlu bersetuju pada akhirnya.

templat antara muka log masuk animasi responsif layui

templat antara muka log masuk animasi responsif layui

templat antara muka log masuk animasi responsif layui

520 Kesan khas animasi web pengakuan Hari Valentine

520 Kesan khas animasi web pengakuan Hari Valentine

jQuery Animasi Pengakuan Hari Valentine, Animasi Latar Belakang 520 Pengakuan

Halaman log masuk sistem yang keren

Halaman log masuk sistem yang keren

Halaman log masuk sistem yang keren

Pemain muzik pita HTML5-CASSETTE PLAYER

Pemain muzik pita HTML5-CASSETTE PLAYER

Pemain muzik pita HTML5-CASSETTE PLAYER

Hot Article

Pulau Luma: Cara Mendapatkan Token Alat
14 Nov 2024 Panduan permainan mudah alih
Pulau Luma: Cara Menetaskan Luma
28 Nov 2024 Panduan permainan mudah alih
Pulau Luma: Semua Profesion, Dijelaskan
28 Nov 2024 Panduan permainan mudah alih
Supervive: Panduan Membina Shrike
27 Nov 2024 Panduan permainan mudah alih