我试图将semantic-ui组件转换为依赖vuejs而不是jQuery，但我不知道如何隔离v-on：在child和它的父元素之间点击。
在下面的示例中，我使用了v-on：点击一个按钮，该按钮将使用切换功能显示下拉菜单，还有另一个v-on：点击指定删除图标，这将是触发另一个功能。
问题是，当我点击删除图标时，会显示下拉菜单。
如何防止这种情况发生？
`https://jsbin.com/minezij`
答案 0 :(得分：0)
您可以使用stop Event Modifiers来停止将事件传播到父元素。
<!-- the click event's propagation will be stopped -->
<a v-on:click.stop="doThis"></a>