在DataList.vue组件中,我们已经通过axios调用了后端分页查询接口,并在组件挂载时获取了数据。 5. 使用ElementUI的表格和分页组件展示查询结果 在DataList.vue组件中,我们已经使用了ElementUI的表格和分页组件来展示查询结果,并处理了分页变化事件。 通过以上步骤,你就可以在前端使用Vue和ElementUI,以及后端实现单表分页...
// 分页 handleSizeChange(size) { this.pagesize = size; this.getData(this.currentPage, size); }, //当前页改变 handleCurrentChange(currentPage) { this.currentPage = currentPage; this.getData(this.currentPage); }, //查询数据 searchData() { this.getData(); }, //分页接口 getData(current...
type="primary"size="mini"icon="el-icon-circle-plus-outline"@click="goNewProject">新增</el-button><!--表格--><el-table:data="projectData"border style="width: 100%"@row-click="goDetail"><el-table-columnlabel="xxx所属一级单元"align="center"><templateslot-scope="scope">{{ scope.row...