el-pagination 页码 更新问题

element 分页组件在 换页 的时候,画面数据正确,但 页码却没被激活, 即 还处于换页之前的页码。

如图

百度搜索,尝试了很多种方案,比如 加上current-page.sync 修饰、结合localStorage利用created() beforeUpdate () beforeDestroy ()方法,重置current-page属性值..

不知道是我没写对还是其他原因,反正 最后都没成功。


偶然 尝试了一种新的方式v-if ,发现有用,拿来分享。


在 el-pagination 中加v-if指令,根据 true or false 来进行渲染。

data里面初始化paginationShow为true

在 查询方法(因为我的查询方法会调到callHttpRequest() ,所以写在这里)里把paginationShow置为false

在接口请求完毕后,将paginationShow改为true

看到有人说需要在$nextTick画面刷新完毕后再更改值,否则没效果, 但 我发现 好像关系不大。。

总之,现在页码正常啦。


调试过程中发现, 其实在点击换页之后 vue 是有刷新 current-page的,感觉中间会刷新几次,在最后一次的时候,是取的初始化的默认值。

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

推荐阅读更多精彩内容

  • 一、Python简介和环境搭建以及pip的安装 4课时实验课主要内容 【Python简介】: Python 是一个...
    _小老虎_阅读 11,147评论 0 10
  • width: 65%;border: 1px solid #ddd;outline: 1300px solid #...
    邵胜奥阅读 10,339评论 0 1
  • ## 可重入函数 ### 可重入性的理解 若一个程序或子程序可以安全的被并行执行,则称其为可重入的;即当该子程序正...
    夏至亦韵阅读 4,032评论 0 0
  • 有没有想过你是什么性格的人,或者有没有人说过你是什么性格的人?说到这个,我们的第一反应就是,“他是个内向的...
    Trista赵阅读 3,798评论 0 1
  • 不怎么对花花草草感冒的我,前几天喜欢上一张手绘,保存在相册。恰逢最近处在频繁换微信头像却始终没有停下手的无原则挑剔...
    如此winni阅读 2,622评论 0 0