mui下拉刷新和vue绑定的点击事件冲突,点击事件无法响应
作者:燕歆波导读:之前没有使用过mui的下拉刷新,没有碰到这个问题,这次使用下拉刷新时,碰到了让人恶心的问题.介绍增加下拉刷新后,直接运行在手机上是没有问题的,可是嵌套进ios或者android时,发现,li标签绑定的点击事件无法响应了,有时候无意中会触发点击事件,或者在li的最左边会触发点击事件,碰到这个问题时我是一脸的懵逼,根本不知道怎么办,我**的又不是专业的,然后
·
作者:燕歆波
导读:之前没有使用过mui的下拉刷新,没有碰到这个问题,这次使用下拉刷新时,碰到了让人恶心的问题.
介绍
增加下拉刷新后,直接运行在手机上是没有问题的,可是嵌套进ios或者android时,发现,li标签绑定的点击事件无法响应了,有时候无意中会触发点击事件,或者在li的最左边会触发点击事件,碰到这个问题时我是一脸的懵逼,根本不知道怎么办,我**的又不是专业的,然后搜啊搜啊,搜一些事件触发的内容,可是没有卵用。
看看我的代码:
<!--下拉刷新容器-->
<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
<div class="mui-scroll">
<!--数据列表-->
<ul class="mui-table-view mui-table-view-chevron" v-for="(index,goods) in goodsList">
<li class="mui-table-view-cell" style="background-color: #84b08b; padding-right: 0px;" @click="onItemClick(index)">
......
眼看着就要下班了,这个鸟问题浪费了我几个小时的时间,最后发现一个博文:
这位大哥真是我的救命恩人,全靠他,我才能把这个屌问题在几分钟内解决了:
$(function() {
mui("#pullrefresh").on('tap', 'li', function (event) {
this.click();
});
})
在页面初始化时,绑定tap事件,然后再调用自己的点击事件!似懂非懂,
毕竟:我就是个业余的!
更多推荐
已为社区贡献1条内容
所有评论(0)