mui下拉刷新和vue绑定的点击事件冲突,点击事件无法响应

作者:燕歆波

导读:之前没有使用过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)">
                    ......

眼看着就要下班了,这个鸟问题浪费了我几个小时的时间,最后发现一个博文:

mui下拉刷新 click事件无法响应问题

这位大哥真是我的救命恩人,全靠他,我才能把这个屌问题在几分钟内解决了：

$(function() {
                mui("#pullrefresh").on('tap', 'li', function (event) {
                    this.click();
                });
            })

在页面初始化时,绑定tap事件,然后再调用自己的点击事件!似懂非懂,
毕竟:我就是个业余的！