ElementUI表格和分页

表格的数据根据分页组件的选择的第几页,每页显示多少条,渲染数据到表格,,,

v-on:child-say=“listenToMyBoy” 怎么能监听到分页组件里的页码和显示多少条??我现在只能监听到页码,不知道怎么同时监听到pageSize和currentPage两个值

分页组件代码
表格里面:el-table :data=“yonghu.slice((currentPage2 - 1) * pagesize, currentPage2 * pagesize)” style=“width: 100%”

<el-pagination
@size-change=“handleSizeChange”
@current-change=“handleCurrentChange”
:current-page=“currentPage”
:page-sizes="[10, 20, 50, 100]"
:page-size=“pageSize”
layout=“total, sizes, prev, pager, next, jumper”
:total="totalNum
">

methods: {

handleSizeChange(val) {//pageSize 改变时会触发 每一页显示多少条

// console.log(`每页 ${val} 条`);//每页 显示的 条数

let self = this;

self.pageSize = val;

this.$emit('child-say2',val);

},

handleCurrentChange(val) {//currentPage 改变时会触发 第几页

// console.log(`当前页: ${val}`); 

self.currentPage = val;

this.$emit('child-say',val);

}

},

表格组件

listenToMyBoy(currentSect){

    let self = this;

    self.seachObj.page = currentSect;//页码

    self.getQuestionlist();

},
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值