element-ui的Pagination分页器的使用


current-page 当前页数,支持.sync修饰符
page-size 每页显示条目个数,支持 .sync 修饰符
page-sizes 每页显示个数选择器的选项设置,如数组[5,10,15]三个选择项
layout 组件布局,子组件名用逗号分隔
@current-change="handleCurrentChange"current-page 改变时会触发 ||回调参数:当前页
@size-change="handleSizeChange"pageSize 改变时会触发 ||回调参数:每页条数

data(){
    return{
        total: 0,   //数据的总条数
        page: 1,   //当前第几页
        limit: 10,   //页面展示数据条数
    }
},

methods:{
    //点击分页器的某一页按钮的回调
    handleCurrentChange(page) {
      this.page = page;
      this.getData(); //重新获取页面数据
    },
    
    //点击分页器的limit的回调
    handleSizeChange(limit) {
      this.limit = limit;
      this.getData();  //重新获取页面数据
    },
}

你可能感兴趣的:(ui,前端,javascript,elementui)