注册登录

信不过你开车

发布：2017-05-15 14:22
更新：2017-10-29 00:25
阅读：6744

MUI的所有scroll组件中的点击事件，与Vue中事件冲突

分类：MUI

Vue

经过测试，所有mui-scroll-wrapper标签中的Vue绑定事件都会被屏蔽。
估计是mui初始化时屏蔽了滚动页面中的冒泡事件。
请问有没有合理的解决办法呢？？

2017-05-15 14:22 1 条评论负责人:无分享

3 个回复

心中有你

滚动初始化放在vue初始化的后面就可以了

信不过你开车 (作者)

并不行的，，，mui默认加载就初始化了scroll组件

2017-05-15 15:16

信不过你开车 (作者)

暂时的解决办法
this.removeEventListener('tap', that.exchange(), true);
this.addEventListener('tap', that.exchange(), true);
每次数据更新，移除然后重新绑定一次

1***@qq.com

你好我想问下为什么我添加这2句话 that.exchange()报错

2017-05-24 17:50
信不过你开车 (作者)

that.exchange()是我自己的方法

2017-05-28 15:53
j***@qq.com

回复信不过你开车:能否把exchange函数贴出来

2017-10-07 00:05
信不过你开车 (作者)

exchange就是点击回调函数啊

2017-10-10 18:05
9***@qq.com

楼主能提供一下demo么，对vue这个框架不是很熟，但是现在做的项目要用这框架，也是遇到这个问题，感激不尽

2019-04-30 17:09

2***@qq.com

我也遇到这个问题，请问就有好的解决办法没？

缺水的孩子

@510823 换成 @tap 就可以了 ....

2017-11-27 23:55
l***@126.com

回复缺水的孩子:有点不理解为什么换成t@tap就行了，可以帮忙解答一下吗？

2017-12-29 14:51
缺水的孩子

回复 l***@126.com: mui 自己封装的自定义事件，使用了 new Event 来创建事件，其实就是将 click 换成了 tap ，然后我们给 vue 绑事件直接绑定成 tap 事件，这样就会触发了，为啥不能用click 呢，因为他的那个 mui-scroll-wrapper 绑定了 touchstar 事件然后并且 e.preventDefault() 了，所以就click 无效了。

2018-01-05 11:42

该问题目前已经被锁定, 无法添加新回复