心如月
心如月
  • 发布:2016-06-14 15:03
  • 更新:2019-12-05 18:08
  • 阅读:5299

vue和mui的下拉刷新有冲突

分类:MUI

如果不加mui的下拉刷新的功能,vue的点击事件v-on:click="goInfoTap"是有效果的。
如果加上mui的下拉刷新的功能:
<div id="pullrefresh" class="mui-content mui-scroll-wrapper" >
<div id="scroll" class="mui-scroll">
</div>
</div>
mui.init({
pullRefresh: {
container: '#pullrefresh',
down: {
callback: pulldownRefresh
}
}
});
vue的点击事件v-on:click="goInfoTap"没效果,点击没反应。这个是什么原因呢,是vue和mui之间的冲突吗?

2016-06-14 15:03 负责人:无 分享
已邀请:
BoredApe

BoredApe - 有问题就会有答案。

mui不推荐使用onclick( v-on:click ),建议使用tap事件。

列表项过多时,也不建议针对每一项进行事件监听,推荐使用mui(selector).on(event,selector,handle)进行事件委托,例如:


mui("#list").on('tap','a',function(){  
  //业务逻辑  
})
  • LandT

    v-on:tap=“” 就行

    2018-01-03 10:38

y***@gmail.com

y***@gmail.com - 90后IT

请问这个问题你后来解决了吗?我也遇到了同样的问题,mui添加事件的方法我也试了,还是不行。

波克比

波克比 - 热爱前端,热爱学习

我也是这种情况,下拉刷新用的mui,选项卡切换用的vue,结果选项卡切换不了,去掉下拉刷新才能切换,具体是什么原因也找不到~~

5***@qq.com

5***@qq.com - 业余dcloud开发

click改成@tap 就可以 了~

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