5月10日 vue错误总结

------------恢复内容开始------------

1、需要使用mui滑动模块时候，需要配合mui.js一起使用，才可以显示效果。

当引入mui.js时候，可能会报错如下

 

这是因为caller,callee和arguments三个属性在webpack打包的bundle.js的严格模式下，产生冲突，此时需要解除bundle.js的严格模式，就会正常编译取消报错

安装cnpm i babel-plugin-transform-remove-strict-mode -D

然后在.babelrc中导入plugins：["transform-remove-strict-mode"],这样就解决了报错带来的问题。

在滑动过程chrome中会产生一些警告，只需要在style中加入*{touch-action:pan-y；}即可，增加滑动流畅性。

首次进入页面的时候无法滑动需要刷新后才可以正常滑动，此时我们需要把对滑动条的相关js操作放到生命周期mounted中，这样在全局加载结束就会直接渲染在页面上。但是这样会产生问题，底部使用的mui的tabbar无法正常切换，需要修改mui的样式，将mui-tab-item修改成别的类名称，然后样式也修改成对应的就可以。