Vue+vant移動端處理彈窗不能滑動問題


自己在做項目開發時,使用vantUI組件,在項目中遇到了彈窗組件里面當內容過多時,會出現滾動卡頓或者不能滾動問題,開始一直以為是自己的樣式寫的有問題,檢查下來才發現並不是,而是彈窗組件的問題,於是找到了一下解放方式。

分析原因:可能就是vantUI組件版本太低了,低版本組件的問題。

解決方法:升級版本2.6.2以上,文檔上邊新加了一個參數,lock-scroll。如下圖:

 

 然后在popup組件中設置lock-scroll屬性的值為fasle,不進行滾動鎖住即可。如下圖:

 

 最后,就會發現,遇到的問題都已經解決了,屏幕也可以進行滾動了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM