javascript - v-on :click and event triggering on inner elements

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