简介: element ui el-pagination重载数据时分页不更新 在分页查询时我们切换查询条件,分页的页数还停留在上一次查看的页数(如第二页),而不是从第一页开始。(当数据多于两页数据的时候,会显示第二页的数据,但是当数据少于两页数据时,就会显示暂时无数据,其实数据是拿回来的,只是这时候分页器接收到的页码是2,而...
(当数据多于两页数据的时候,会显示第二页的数据,但是当数据少于两页数据时,就会显示暂时无数据,其实数据是拿回来的,只是这时候分页器接收到的页码是2,而没有那么多数据显示,就会显示暂无数据) 解决办法: 在el-pagination属性中需要加上:current-page.sync="currentPage"并重新设置当前页码this.currentPage=1...
在el-pagination标签里添加v-if, 默认绑定为true,在获取数据的接口前销毁他(v-if置为false),接口获取数据后用 this.$nextTick里面写(v-if置为true) el-pagination 页码 更新问题 (分享) 2. watch + 页数重置 这个分为两种,一种为封装组件的一种为直接使用的。 一,封装组件,直接将值传回使用的组件上。使...
但是,我觉得这样重复操作dom是不合理的,所以我也推出了一种方法。 解决方法: v-if 在el-pagination标签里添加v-if, 默认绑定为true,在获取数据的接口前销毁他(v-if置为false),接口获取数据后用 this.$nextTick里面写(v-if置为true) el-pagination 页码 更新问题 (分享) watch + 页数重置 这个分为两种,一...
在mounted钩子函数中,初始化加载数据,也可以根据实际需要在其他地方调用loadData加载数据。 此时,el-table会根据数据的改变动态更新展示内容,el-pagination会根据total和pageSize的值自动计算总页数和显示分页组件。同时,通过分页组件的交互操作,可以方便地切换不同页码和每页显示数量,以满足分页需求。©...