使用mui部分組件(滑動和切換開關按鈕),在vue 中無法生效的解決方法

修改原來jquery、mui做的項目爲vue,ui框架依然用mui ,但是遇到一些問題;

1、mui滑動事件

能夠滑動必備條件:

    1、引入mui

    2、初始化調用(mounted中);(調用時遇到問題:同一個vue組件,控制顯示隱藏多個模塊,使用v-if,初始化時可能由於剛開始沒有隱藏 的模塊的mui-scroll,切換後無法滑動,改爲v-show就可以了)

    3、使用下拉加載、上拉刷新時同樣需要初始化


2、switch 切換按鈕

    1、需要初始化,mounted中調用(在jquery中無問題,只要控制mui-active 就可以了)

    2、但在vue中使用第一次無法切換,發現我的所有切換按鈕是  v-for  動態獲取的狀態,一開始沒有mui-active屬性,當我請求完接口,所以的dom 元素都有了,就可以點擊切換了;

解決方法:本來想監聽,但是不知道寫什麼監聽條件,所以使用了定時器,當switch 的dom元素加載完後,過0.1s開始初始化switch 就可以點擊切換了,沒想到更好方法;


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章