uniapp pagination组件案例使用实例

pagination组件链接

import uniPagination from '@/components/uni-pagination/uni-pagination.vue'
export default {
    components: {uniPagination}
}

<uni-pagination title="标题文字" show-icon="true"  :total="total" :current="current" @change="handlePage"></uni-pagination>

data(){
	return{
			total:'',
			current:1
	}
}
methods：{
getcompanyId(){
			let token = this.$db.get('userToken')
			let current = this.current;
			let data = {
				token:token,
				page:current
			}
			this.$api.gethistorearningorder(data,res=>{
				if(res.status){
					this.shoperList = res.data.order_info
					this.total = res.data.count
				}
				// console.log(res)
			})
		},
handlePage(params){
			// console.log(params)
			this.current = params.current;
			this.getcompanyId()
		}
}

下面是成功案例展示