vue分页插件

所属分类:导航-分页

 55304  333  查看评论 (3)
分享到微信朋友圈
X
vue分页插件 ie兼容11

vue分页控件 

npm i vue_pageination --save

vue:

import pageination from 'vue_pageination';
Vue.use(pageination);
  1. total:总页数

  2. size:每页显示条目个数不传默认10

  3. page:设置默认页码,默认1

  4. changge:页码切换方法触发,比如:传入pageFn方法接收page页码

  5. pageFn(val){ this.page = val; }

搜索执行

 query() {
     if (this.param.page == 1) {
         this.pageFn(1);
     } else {
         this.param.page = 1;
     }
 }

重置

reset(){
    this.pageFn(1);
}//重置

isUrl:是否修改url地址

需要在mounted中初始化执行changge方法

<pageination :total="50" :size="size" :page="10" :changge="pageFn" :isUrl="true"></pageination>
相关插件-分页

jQuery分页插件pagination.build.js

jQuery分页插件pagination.build.js根据页数生成页码,配置简单使用方便
  分页
 29092  316

jQuery仿淘宝分页插件(原创)

根据淘宝分页样式简洁美观功能全面兼容性好易用性好维护简单多个分页互不干扰的分页插件
  分页
 34998  351

实用美观的jquery 分页

代码简单,运行速度快,兼容所有浏览器
  分页
 40419  452

超实用精简的分页插件

精简实用的分页插件跨域调用的聚合的api分页逻辑简单易懂接口已经写好
  分页
 30209  294

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    扬帆 0
    2017/10/23 11:39:46

    总页数total和当前页数不是写死的,从后台获取相关参数赋值给到前台的,然后页面上分页显示不出了.....

    比如:

    $.post("",{},function(){
        this.model.total=result.all;
        this.model.curPage=result.current;
    });

    这样初始化参数,页面上的分页就出不来了。要和$nextTick(function(){})用吧。在线等,急!!!

                0
        2017/10/25 9:04:57

        $.post是ajax的?

                0
        2017/10/25 9:05:50

        因为我账号被封了,这边就没怎么看了。你可以到website里的github问

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复