Javascript v-on：单击并触发内部元素上的事件

我已使用以下标记设置了选项卡列表：

<li v-on:click.stop="changeTab()" id="bookings">
    <i class="fa fa-scissors" aria-hidden="true"></i> <span>Bookings</span>
</li>

---

这里的问题是，如果我单击内部元素I/span，那么它将设置不正确的ID（none）及其src元素。现在有没有办法让这种情况发生？我可以让包装器成为唯一被监听的点击吗？

使用

event.currentTarget.id

而不是event.srceelement.id

changeTab: function() {
    window.location.hash = this.activeTab = event.srcElement.id;
}