在说正事之前，我要推荐一个福利：（你还在原价购买阿里云、腾讯云、华为云服务器吗？那太亏啦！来这里，新购、升级、续费都打折，能够为您省60%的钱呢！2核4G企业级云服务器低至69元/年，点击进去看看吧>>>)，好了下面开始说正事：

情况是这样的，有好多个<li></li>元素，每个元素上都绑定了@click事件，点击其中一个元素，触发事件函数，该函数中有个setInterval 函数，我想在这个定时函数运行时，其他的点击都禁止屏蔽，无法点击，等定时函数清除后，才能点击，不知道该如何解决？？？

<li class="box" v-for="(item, index) in items" v-bind:data-x=item.x v-bind:data-y=item.y v-on:click="clickBox(item)" v-bind:class="[item.classObj, {'entrance': (item.x == entry.entryX && item.y == entry.entryY)}]"></li>

1. 建议用事件代理，绑定太多事件浪费系统资源
2. 你不需要禁止点击，只需要在 setInterval 执行完之前不处理点击事件即可

可以在函数外部给个变量，当事件执行时设置为 true; 事件执行结束后再设置成false; 事件执行前先判断一下这个变量是否为true， 如果为true直接return, 不执行当前代码即可。

郑重声明：本站部分内容转载自网络，版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们（QQ/微信153890879）修改或删除，多谢。