Pagination

Example：

<lee-pagination  :page-size="20" layout="pager" :total="250"
 v-model="cur" @change="curpage">
</lee-pagination>

<script>
    export default {
        data() {
         return {
            cur:5,//页数为第5页
        }
       },
        methods:{
            curpage(val) {
             console.log('当前页:'+val);
           }
        }
    }
</script>

显示代码

next prev：

上一页

下一页

<lee-pagination  :page-size="20" layout="prev, pager, next" :total="250"
 v-model="cur" @change="curpage">
</lee-pagination>

<script>
    export default {
        data() {
         return {
            cur:5,//页数为第5页
        }
       },
        methods:{
            curpage(val) {
             console.log('当前页:'+val);
           }
        }
    }
</script>

显示代码

Attribute

Parameter	Description	Type	Optional Value	Default Value
v-model	current page	Number	1,2,3,4...	--
page-size	page size	Number	1,2,3,4...	10
layout	layout	String	prev,pager,next	pager
total	total data length	Number	1,2,3,4...	10

Event

Event name	Description	Callback parameter
change	change event	value