Vue中使用mui的tab-top-webview-main完成分类滑动栏出现兼容问题如何解决

tab-top-webview-main组件第一次显示到页面中的时候，无法被滑动的解决方案：

• 先导入 mui 的JS文件:

   import mui from '../../../lib/mui/js/mui.min.js'
  

• 在 组件的 mounted 事件钩子中，注册 mui 的滚动事件：

  mounted() {
      // 需要在组件的 mounted 事件钩子中，注册 mui 的 scroll 滚动事件，
      mui('.mui-scroll-wrapper').scroll({
          deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
      });
  }
  

• 滑动的时候报警告：Unable to preventDefault inside passive event listener due to target being treated as passive.

  解决方法，可以加上* { touch-action: none; } 这句样式去掉。
  

• 控制台报错：Uncaught TypeError:caller,callee,and arguments properties my not be accessed on strict mode，解决方法：移除严格模式 ，使用这个插件babel-plugin-transform-remove-strict-mode

  1. 安装插件 npm install babel-plugin-transform-remove-strict-mode

  2. 用法如下

  • 通过.babelrc（推荐）

  .babelrc
  {
  “ plugins ”： [ “ transform-remove-strict-mode ” ]
  }

  ![](https://img2018.cnblogs.com/blog/1715500/201908/1715500-20190801212347907-87162649.png)
  
  
  
  - 通过CLI
  
  

  babel --plugins transform-remove-strict-mode script.js

  
  
  - 通过Node API
  
  

  要求（“ babel-core ”），
  变换（“代码”，{
  插件： [ “ transform-remove-strict-mode ” ]
  }）;