element-ui 分页修改current-page后,视图上还是没改变

方法一

1.将官网上的分页current-page="currentPage4" 改成   :current-page.sync="currentPage4"

2.搜索时 this.currentPage4 = 1

方法二 

data里面初始化paginationShow为true

<el-pagination v-if="paginationShow"

@current-change="handleCurrentChange"

:current-page.sync="pagination.currentPage"

:page-size="pagination.size"

layout="total, prev, pager, next, jumper"

:total="pagination.total">

</el-pagination>


search () {

this.paginationShow = false

this.handleCurrentChange(1)

this.$nextTick(function () {

this.paginationShow = true;

})

},

简单来说就是将其组件强制重置为首页在重新渲染 ,方法可行但略显笨重

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容