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

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

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

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

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

 

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

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

 

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

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

上一篇:Appium环境安装说明


下一篇:使用create-react-app创建项目,src和public文件夹丢失。