分页组件

1.分页组件1UI展示:

分页1.png

2.组件调用

html代码：

js代码：

data() {
 return {
     total：0,
     autoScroll1：true,
     pageNum: 1,
     pageSize: 10,
 }
}
methods: {
 ajaxfuctionname() {
     this.Loading = true this.ajaxfuction(this.listQuery).then(value = >{
         //获取表格数据
         this.tableData = value.data
         //获取总条数
         this.total = value.total setTimeout(() = >{
             this.Loading = false
         },
         300)
     })
 },
}

                    

1.分页组件2UI展示:

分页组件2.png

分页组件2后续更新。。。。。。