Semantic ui 如何在vuejs中的父元素和子元素之间隔离单击事件处理程序

我试图将语义ui组件转换为依赖vuejs而不是jQuery，但我不知道如何隔离v-on：在子元素和其父元素之间单击

在下面的示例中，我使用v-on:click和一个按钮，该按钮将使用切换功能显示下拉菜单，还有另一个v-on:click分配给删除图标，它将触发另一个功能

问题是，当我点击删除图标时，下拉菜单会出现

我怎样才能防止这种情况发生

`https://jsbin.com/minezij`

---

您可以使用

stop

停止事件向父元素的传播

<!-- the click event's propagation will be stopped -->
<a v-on:click.stop="doThis"></a>