使用mui部分组件（滑动和切换开关按钮），在vue 中无法生效的解决方法

50 阅读 0 评论 33 点赞

我是靠谱客的博主怕黑大炮，最近开发中收集的这篇文章主要介绍使用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 就可以点击切换了，没想到更好方法；

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。