airyland / vux

Mobile UI Components based on Vue & WeUI
https://vux.li
MIT License
17.59k stars 3.71k forks source link

Tabbar点击报错Unable to preventDefault inside passive event listener due to target being treated as passive #755

Closed MarsWgl closed 7 years ago

MarsWgl commented 7 years ago

vux@2.0.11

<template>
  <div>
    <tabbar>
      <tabbar-item>
        <span slot="label">Tab1</span>
      </tabbar-item>
      <tabbar-item>
        <span slot="label">Tab2</span>
      </tabbar-item>
      <tabbar-item>
        <span slot="label">Tab3</span>
      </tabbar-item>
      <tabbar-item>
        <span slot="label">Tab4</span>
      </tabbar-item>
    </tabbar>
  </div>
</template>

<script>
</script>

<style lang="less">
@import '~vux/src/styles/reset.less';

body {
  background-color: #fbf9fe;
}
</style>

<script>
    import { Tabbar, TabbarItem} from 'vux'
    export default{
        components:{
          Tabbar,
          TabbarItem
        }
    }
</script>

image

airyland commented 7 years ago

看起来是fastclick的报错,chrome哪个版本?

MarsWgl commented 7 years ago

@airyland chrome canary浏览器 Version 57.0.2931.0 canary

airyland commented 7 years ago

https://github.com/ftlabs/fastclick/issues/510 等待fastclick更新。

georgezouq commented 7 years ago

@airyland 这个问题有进展了吗??

zhangolve commented 6 years ago

@airyland fastclick 已经两年没更新了。。。

RenShine commented 6 years ago

增加这一行样式即可 html { touch-action: manipulation; }

@zhangolve @georgezouq

zhangolve commented 6 years ago

测试了,并没有用。 @RenShine

hsiunjui commented 6 years ago

@zhangolve @RenShine 测了一下,有用。谢谢分享。

ListenLove commented 3 years ago

增加这一行样式即可 html { touch-action: manipulation; }

@zhangolve @georgezouq

感谢分享,确实有用