element-ui+vue,翻页添加首页、尾页跳转按钮

 分页代码

首页 尾页

element-ui默认跳转方法

handleSizeChange(psize) {
    this.pagesize = psize;
},
handleCurrentChange(cpage) {
    this.currpage = cpage;
},

添加首页、尾页跳转方法

jumpFirstPage () {
    this.$refs.pagination.handleCurrentChange(1);
    this.$emit('handleCurrentChange', 1);
},
jumpLastPage () {
    let font = this.$refs.pagination
    let cpage = Math.ceil(font.total / font.pageSize);
    font.handleCurrentChange(cpage);
}

搞定!并不需要像其他人说的那样,新建一个total,还要弄一个监听变化的对象,费死劲,都不知道他们都在说什么

你可能感兴趣的:(VUE)