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

2022-06-22 15:33:11 字數 376 閱讀 6707

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

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

解決方法:公升級版本2.6.2以上,文件上邊新加了乙個引數,lock-scroll。如下圖:

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

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

vue vant移動端專案

先檢視本機有沒有安裝nodejs win r 進入控制台 輸入 node v 檢視 node版本資訊 如果有版本號,則說明已安裝,否則需安裝 nodejs 再安裝vue cli 如果有就不用再安裝了 npm install g vue cli通過傳統方式建立專案 步驟一 方式一 在專案資料夾下按sh...

vue vant移動端適配vw rem

我的目錄結構是 assets scripts ulitsconst ulits if u.indexof iphone 1 if u.indexof windows phone 1 if deviceid return deviceid export default ulitsimport ulit...

vue vant開發之移動端rem適配螢幕方案

簡單介紹一下rem和px的換算關係 1rem html的font size。在專案中,我採用postcss pxtorem amfe flexible,vant是基於375px的。安裝 npm i amfe flexible npm i postcss pxtorem d amfe flexible...