v-on：点击和事件触发内部元素

Question

我有一个使用以下标记设置的标签列表：

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

changeTab（）方法是：

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

这里的问题是，如果我点击内部元素i / span，那么它会设置不正确的ID（无）及其srcElement。有没有办法让这种情况发生？我可以使包装器成为唯一可以听到的点击吗？

Answer 1

使用event.currentTarget.id代替event.srcElement.id