表格的数据根据分页组件的选择的第几页,每页显示多少条,渲染数据到表格,,,
v-on:child-say="listenToMyBoy" 怎么能监听到分页组件里的页码和显示多少条??我现在只能监听到页码,不知道怎么同时监听到pageSize和currentPage两个值
分页组件代码
<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"></el-pagination>
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);
}
},
表格组件
<pagination v-on:child-say="listenToMyBoy" :totalNum="total"></pagination>
listenToMyBoy(currentSect){
let self = this;
self.seachObj.page = currentSect;//页码
self.getQuestionlist();
},
相关分类