current-page是Element-ui的pagination组件的当前页数设置。需求是返回这个页面的时候需要回到之前的页码数。然而当设置current-page获取表格之后却无法正确渲染。 page确实是5,但显示却不是 代码 <template><el-pagination:total="total":size='20':current-page="filter.page"></el-pagination>{{filter}}</template...
1、使用el-pagination分页,在非第一页的页面上进行搜索,得到的结果无数据显示的情况: 原因:currentPage还是当前页面,假设currentPage === 2,但查询结果只有一页,就会出现无数据 解决:设置currentpage即可 2、点击查询时,一般需要将currentPage设置为第一页,否则可能出现问题1情况 3、重置,除了筛选项的重置,还需要将...
二,直接使用时,@handle-size-change和 @handle-current-change绑定的都是方法,在接收数量方法里面直接写 1 2 this.pageInfo.currentPage = 1; this.getLists(); 第二种方法这样写,因为接口拿到数据页码是直接赋值的,这里动态接收的时候,没必要接收。直接赋值,再调用接口。 限于本人水平,如果文章和代码有表述不...
element 分页组件在 换页 的时候,画面数据正确,但 页码却没被激活, 即 还处于换页之前的页码。 如图 百度搜索,尝试了很多种方案,比如 加上current-page.sync修饰、结合localStorage利用created()beforeUpdate ()beforeDestroy ()方法,重置current-page属性值.. 不知道是我没写对还是其他原因,反正 最后都没成功。 偶...
this.pageSize = val; //改变每页数据条数时,更新每页数据条数 this.currentPage = 1; //重置当前页码为第一页,因为数据条数改变会影响分页计算,所以需要重置当前页码 this.getData(); //重新获取数据,这里假设有一个getData方法用于获取数据 }, handleCurrentChange(val) { this.currentPage = val; //改变...
这⾥再记录⼀个:当跳转到第⼆页后再次查询数据 页码那⾥会显⽰在第⼆页 但实际数据是在第⼀页的bug 这⾥需要再次查询数据的时候把currentpage重置为1即可. elementPagination源码 elementPagination源 码 src/pagination.js import Pager from './pager.vue'; import ElSelect from 'element-ui/...
百度搜索,尝试了很多种⽅案,⽐如加上current-page.sync 修饰、结合localStorage利⽤created() beforeUpdate () beforeDestroy ()⽅法,重置current-page属性值..不知道是我没写对还是其他原因,反正最后都没成功。偶然尝试了⼀种新的⽅式v-if ,发现有⽤,拿来分享。在 el-pagination 中加v-if指令,...
() }, // 重置分页 resetSize(){ this.currentPage = 1 this.pageSize = this.pageSizes[0] || 15 }, // 更新数据 updateData(){ const begin = (this.currentPage - 1) * this.pageSize const end = this.currentPage * this.pageSize const tableData = this.tableBegin.slice(begin, end) ...
},//分页的构成,例如是否添加上一页下一页,是否支持输入跳转},computed: {currentPage: {get() {returnthis.page; },set(val) {this.$emit('update:page', val); }, },//利用计算属性来重置普攻。让我们可以改变父组件传递过来的分页页数和条目pageSize: {get() {returnthis.entry; ...