vue中 $event获取当前添加事件的元素，却得到子元素

Question

如下，我需要获取添加了事件的那个dom节点，但是点击该元素后，却返回的是子元素节点，添加了 .stop 事件修饰符同样也是如此，这个是怎么回事呢？
源码：
html：

<div v-for="list in item.list" @touchstart.stop="touchEle($event,list)">

    <div>

        <i :class="[list.class,list.color]"></i><br />

        {{list.title}}

    </div>

</div>

js：

console.log(ev.target)

结果：
得到<i class="el-icon-setting brown"></i> 节点而非 div这个节点

Answer 1

因为是这个事件从i节点冒泡上来的。你可以加个判断来保证。if (ev.target === ev.currentTarget) {&nbsp; &nbsp; //从绑定目标触发}