vue+element-ui的表格数据和分页模块关联问题?后台做的分页,怎么把pageSize

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

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();

    },


慕哥6287543
浏览 3322回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript