better-scroll无法滚动

今天遇到了vue项目better-scroll无法滚动的问题,网上找的解决方案用$nextTick的方法还是不行。后来终于找到原因:
因为我的滚动元素在弹窗里面,弹窗有v-show属性,也就是说,我在滚动元素display:none的时候渲染,导致各个参数(例如滚动高度)计算不准确,当弹窗show的时候就无法正常滚动。

解决办法:
用弹窗用v-if不要用v-show。

其他排查方式可以参考:
https://blog.csdn.net/OHRadiance/article/details/78509542

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

推荐阅读更多精彩内容

  • 谢谢作者的文章 非常喜欢 请允许收藏! 博客园首页博问闪存新随笔订阅管理 vue之better-scroll的封装...
    peng凯阅读 16,607评论 2 5
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,096评论 0 29
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,869评论 1 92
  • 前言 您将在本文当中了解到,往网页中添加数据,从传统的dom操作过渡到数据层操作,实现同一个目标,两种不同的方式....
    itclanCoder阅读 26,022评论 1 12
  • 林轩家是华北人,他所在的乡镇的人既有着北方豪爽,又有着南方人的委婉。豪爽的是这酒桌上能把那不知道本地酒桌文化吓死人...
    罥烟眉y阅读 225评论 0 0