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