vue使用mui的slider滑动模块

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中即可