vux的popup元件的ios相容問題

2021-09-30 17:13:55 字數 303 閱讀 9932

vux的popup元件在ios上的相容性問題:當彈出層彈出後滾動到彈出層底部時,彈出層後面的背景是可以滾動的。

解決方法:使用vue的watch屬性監聽彈出層的顯示狀態,然後強制改變body的屬性,讓其不可滾動,具體見**。

watch:}},

methods: else }}

watch用來監聽filtershow的值(也就是彈出層顯示與否的狀態)改變。當newv值為true時,說明彈出層顯示,將body當position當屬性設為fixed 固定,當newv值為false時,說明彈出層關閉了,將body屬性的fixed清除。

vux 選擇器 vue專案中vux的使用

vux 在vue cli中使用步驟如下 1 安裝 npm i vux s 2 vux2必須配合vux loader使用,並配置build webpack.base.conf.js npm i vux loader d const vuxloader require vux loader const ...

vux 選擇器 vue專案中vux的使用

vux 在vue cli中使用步驟如下 1 安裝 npm i vux s 2 vux2必須配合vux loader使用,並配置build webpack.base.conf.js npm i vux loader d const vuxloader require vux loader const ...

基於vue與vux做的可滑動tab元件(附原始碼)

背景 前不久,剛完成了乙個商品列表 購物車功能的頁面,因為一級商品分類在頂部tab中顯示,可滑動,間距可定製,如下圖所示 定製的tab需求如下 1.每個tab item的間距是相同的,可定製 2.每乙個tab item的寬度是隨著文字的增多而寬度增大 3.當tab item小於等於4個時,tab i...