mint-ui 企业微信PC端内置浏览器 Picker 没法滚动

处理

在主JS代码之上附加如下代码 :

<script>
  if (~navigator.userAgent.toLowerCase().indexOf('windowswechat')) {
     delete window.ontouchstart
  }
</script>

解析

mint-ui 断定是不是移动端源码

从源码能够看出，MintUI主要经过判断window有无ontouchstart属性来控制picker用鼠标滑动仍是用touch滑动。

# mint-ui-master\packages\picker\src\draggable.js
// ....
const supportTouch = !Vue.prototype.$isServer && 'ontouchstart' in window;
// ....

缘由

然而PC端企业微信内置浏览器window下有ontouchstart。致使内部断定用touch滑动。
这里首先想到的处理办法是判断是不是PC端企业微信内置浏览器，若是是则手动删除 window下的 ontouchstart。

// PC端正常浏览器
'ontouchstart' in window // false

// PC端企业微信内置浏览器
'ontouchstart' in window // true