Vue+vant移动端处理弹窗不能滑动问题

自己在做项目开发时,使用vantUI组件,在项目中遇到了弹窗组件里面当内容过多时,会出现滚动卡顿或者不能滚动问题,开始一直以为是自己的样式写的有问题,检查下来才发现并不是,而是弹窗组件的问题,于是找到了一下解放方式。

分析原因:可能就是vantUI组件版本太低了,低版本组件的问题。

解决方法:升级版本2.6.2以上,文档上边新加了一个参数,lock-scroll。如下图:

Vue+vant移动端处理弹窗不能滑动问题

 

 然后在popup组件中设置lock-scroll属性的值为fasle,不进行滚动锁住即可。如下图:

Vue+vant移动端处理弹窗不能滑动问题

 

 最后,就会发现,遇到的问题都已经解决了,屏幕也可以进行滚动了。

上一篇:网络安全视频学习


下一篇:ROS多机通信时间同步 解决the NTP socket is in use, exiting 的问题