vue中@click绑定的事件为什么会触发两次？

Question

<div class="tuijianWrap" ref='scrollList'>
    <ul ref='hookUl'>
      <li v-for="item,index in news" @click="showDetail(item.source_url)">
        **<div class="hide" @click.stop="showToggle(index,$event)">**
          XXXXXXXXX
        </div>
        <div class="hideNews" v-if='show.indexOf(index) >= 0'>
          不感兴趣
        </div>
      </li>
    </ul>
</div>

代码中@click.stop="showToggle(index,$event)">这个点击事件为什么会执行两次？
log图

Answer 1

尝试@click.prevent

Answer 2

@click.once

---

Answer 3

应该是你的点击事件和touch事件冲突了，今天也遇到这个问题，加个stop让事件不向下执行就好了

@click.stop=""