解决element 分页组件,搜索过后current-page 绑定的数据变了,但是页面当前页码并没有变的问题
bug:vue和element实现的后台分页,当前是第二页,点击搜索,强制设置current-page为1,但是当前页还是第二页没有改变只是数据变了。
绑定一个变量
-
页面
el-pagination v-if="pageshow"
<el-pagination v-if="pageshow" background @current-change="handleCurrentChange" style="float:right;margin: 10px" :page-size="10" layout="prev, pager, next,total" :total="totalCount"> </el-pagination>
query(val) { val ? this.form.currentPage = val : this.form.currentPage = 1 if(!val){ this.pageshow = false this.$nextTick(() => { this.pageshow = true }) } 请求数据....... },
不停学习,热爱是源源不断的动力。