1.当正常在methods方法中修改current-page后,视图上还是没改变 :current-page.sync="current" 增加一个.sync这样会生效 2.mounted中修改current-page后,视图上还是没改变 // 视图不更新情况<el-pagination:current-page.sync="currentPage":page-size="pageSize":layout="layout":total="total"@current-change="...
<el-table :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)" stripe style="width: 100%" :default-sort = "{prop: 'date', order: 'descending'}" > <el-table-column type="selection" width="55"> </el-table-column> <el-table-column prop="appname" label="APP名称...
2、点击搜索,需求为回到第一页按条件搜索,此时也正常展示 3、再次点击分页去第二页,此时分页还停留在第一页,current-change事件不触发 原因有可能是点击搜索的时候在搜索里面通过代码去改变了current-page让分页回到第一页,但有可能element内部的页码数据未改变,因此当在此点击第二页的时候相当于页码未发生改变,curre...
2、查询接口增加设置currentPage字段 光知道解决方案,不知道原因不行,于是翻了一下源码 原因: pagination组件监听了currentPage,pageSize,internalCurrentPage,internalPageCount 引用pagination组件通常这么写: 注意:组件并没有监听total字段,下面会谈到他 这里有个getValidCurrentPage函数,从名字就能看出他是干嘛的,获取合法...
:page-size.sync='pageData.PageSize' // PageSize 还有参数大小写的问题 检查是否一致 <el-pagination @size-change="handleSizeChange"@current-change="handleCurrentChange":current-page.sync="pageData.PageIndex":page-sizes ="pageData.PageSizes":page-size.sync='pageData.PageSize'layout="total, size...
方法一 1.将官网上的分页current-page="currentPage4" 改成 :current-page.sync="currentPage4" 2.搜索时this...
:current-change.sync="currentPage" layout="prev, pager, next, total" :total="total"> </el-pagination> 我用watch监听了一下,发现这个会改变,但是改变之后有迅速变为了页数1,这个真的很奇怪。 算了,不咯嗦了,说我的彻底解决办法,真的很简单 ...
设置了分页 current-page <el-pagination background layout="prev, pager, next" :total="pagination.total" :page-size="filterForm.maxResultCount" :current-page="pagination.currentPage" @current-change="getPageNumber"> </el-pagination> 然后点击搜索后需要改成第一页 // 开始搜索 searTenantHouseList...
current-page 是一个 v-model, 翻页的时候组件会直接修改current的值,而你的current是props,vue又不允许修改,所以就存在这个警告了。 你把current定义到当前组件即可, 如果父组件需要这个值,你可以通过emit传递过去 有用1 回复 天下熙熙皆为利来: 果然是这样的。谢谢大佬 回复2022-02-16 ...
:current-page.sync="cur_page":page-size="10"layout="total, prev, pager, next, jumper":total="recordsTotal"> </el-pagination> 在搜索改变页码的时候加上如下代码 this.page= “新的页码”this.getData();//获取数据 this.pageshow = false;//让分页隐藏 this.$nextTick(() => {//重新渲染...