vue使用mui的slider滑动模块

2019-07-18  本文已影响0人  forever_bin



1.Vue项目中引用MUI顶部滑动的样式后,顶部滑动条会全屏显示

解决方案:这时候查看源代码,找到全屏的class mui-fullscreen 删除掉即可


2.没有滚动效果

解决方案:查看源代码,发现需要引入 mui.js 并初始化

3.初始化之后报错了

    控制台信息为

原因:webpack启用了严格模式与MUI冲突了。解决方案: 在 .babelrc文件中加上下面的代码:

另一种解决方法:该方法试过,出现另一种报错:export 'default' (imported as 'mui') was not found in '../../lib/mui/js/mui.js'。网上有人成功,但是我的没有成功,所以放弃了该方法,我用的是上面的方法

4.现在可以滑动了,但是滑动的时候会报错

控制台错误信息为:

解决方案:添加style样式 2016年Google I/O上提出的概念,目的是用来提升页面滑动的流畅度。


5.顶部滑动正常了,但是点击地步 Tab 不能切换,并报错:

控制台报错信息:

原因不详,在网上找到了解决方案:找到Tab栏mui-tab-item的所有样式,复制一份,重新赋予新的样式类名,如mui-tab-item-my

6.刚进入页面无法滑动,需要刷新才行

解决方法:放到mounted中即可

上一篇 下一篇

猜你喜欢

热点阅读