表格的数据根据分页组件的选择的第几页,每页显示多少条,渲染数据到表格,,,
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();
},