fes.js/assets/js/20.3c4a8246.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[20],{333:function(t,e,a){},393:function(t,e,a){"use strict";var i=a(333);a.n(i).a},438:function(t,e,a){"use strict";a.r(e);var i={data:function(){return{pagination:{locking:!1,size:10,current:1,total:100},sizeList:[10,20,30]}},methods:{changePage:function(t){t.current,t.size;console.log(arguments)}}},l=(a(393),a(46)),n=Object(l.a)(i,(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("h1",{attrs:{id:"pagination-分页"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#pagination-分页"}},[t._v("#")]),t._v(" Pagination 分页")]),t._v(" "),a("p",[t._v("采用分页的形式分隔长列表，每次只加载一个页面。")]),t._v(" "),a("h2",{attrs:{id:"概述"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#概述"}},[t._v("#")]),t._v(" 概述")]),t._v(" "),a("p",[t._v("当加载/渲染所有数据将花费很多时间时；可切换页码浏览数据。")]),t._v(" "),a("h2",{attrs:{id:"代码示例"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#代码示例"}},[t._v("#")]),t._v(" 代码示例")]),t._v(" "),a("ClientOnly",[a("row",[a("cell",{staticClass:"pr-20",attrs:{span:"12"}},[a("componetTemplate",{attrs:{title:"基础用法",template:"ui/templates/pagination/1.html"},scopedSlots:t._u([{key:"demo",fn:function(){return[a("Pagination",{attrs:{locking:t.pagination.locking,current:t.pagination.current,size:t.pagination.size,total:t.pagination.total},on:{"on-change":t.changePage}})]},proxy:!0},{key:"description",fn:function(){return[a("p",[t._v("基本用法。")])]},proxy:!0}])}),t._v(" "),a("componetTemplate",{attrs:{title:"快捷跳转",template:"ui/templates/pagination/2.html"},scopedSlots:t._u([{key:"demo",fn:function(){return[a("Pagination",{attrs:{"show-quick-jumper":"",locking:t.pagination.locking,current:t.pagination.current,size:t.pagination.size,total:t.pagination.total},on:{"on-change":t.changePage}})]},proxy:!0},{key:"description",fn:function(){return[a("p",[t._v("快捷跳转到想去的页码。")])]},proxy:!0}])})],1),t._v(" "),a("cell",{staticClass:"pl-20",attrs:{span:"12"}},[a("componetTemplate",{attrs:{title:"自定义每页条数的可选范围",template:"ui/templates/pagination/3.html"},scopedSlots:t._u([{key:"demo",fn:function(){return[a("Pagination",{attrs:{"size-list":t.sizeList,current:t.pagination.current,size:t.pagination.size,total:t.pagination.total}})]},proxy:!0},{key:"description",fn:function(){return[a("p",[t._v("配置sizeList属性即可，默认为[8, 16, 32, 50, 100]")])]},proxy:!0}])})],1)],1)],1),t._v(" "),a("h2",{attrs:{id:"api"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#api"}},[t._v("#")]),t._v(" API")]),t._v(" "),a("h3",{attrs:{id:"props"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#props"}},[t._v("#")]),t._v(" Props")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("属性")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("说明")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("类型")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("current")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("当前第几页")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Number")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("1")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("size")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("每一页的条数")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Number")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("8")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("total")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("总页数")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Number")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("0")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("sizeList")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("每页条数的可选列表")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Array")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("[8, 16, 32, 50, 100]")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("locking")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("是否锁定, 当锁定时，上一页下一个等操作被禁止")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Boolean")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("false")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("showQuickJumper")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("是否开启快捷跳转")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Boolean")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("false")])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("showSizeChanger")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("是否显示分页个数的选择框")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("Boolean")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("true")])])])]),t._v(" "),a("h3",{attrs:{id:"events"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#events"}},[t._v("#")]),t._v(" Events")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"left"}},[t._v("事件名")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("说明")]),t._v(" "),a("th",{staticStyle:{"text-align":"left"}},[t._v("返回值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"left"}},[t._v("on-change")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("上一页、下一页、回到首页、回到最后一页、跳转时触发")]),t._v(" "),a("td",{staticStyle:{"text-align":"left"}},[t._v("({ current, size })")])])])])],1)}),[],!1,null,null,null);e.default=n.exports}}]);