如何在vuejs中隔离父元素和子元素之间的点击事件处理程序
How to isolate click event handler between parent and child elements in vuejs
我正在尝试将 semantic-ui 组件转换为依赖 vuejs 而不是 jQuery，但我不知道如何在子组件和它的父组件之间隔离 v-on:click元素.
在下面的示例中，我将 v-on:click 与一个按钮一起使用，该按钮将使用切换功能显示下拉菜单，还有另一个 v-on:click 分配给删除图标，这将触发另一个功能。
问题是，当我点击删除图标时，会出现下拉菜单。
如何防止这种情况发生？
`https://jsbin.com/minezij`
您可以使用 stop Event Modifiers 来停止向父元素传播事件。
<!-- the click event's propagation will be stopped -->
<a v-on:click.stop="doThis"></a>
我正在尝试将 semantic-ui 组件转换为依赖 vuejs 而不是 jQuery，但我不知道如何在子组件和它的父组件之间隔离 v-on:click元素.
在下面的示例中，我将 v-on:click 与一个按钮一起使用，该按钮将使用切换功能显示下拉菜单，还有另一个 v-on:click 分配给删除图标，这将触发另一个功能。
问题是，当我点击删除图标时，会出现下拉菜单。
如何防止这种情况发生？
`https://jsbin.com/minezij`
您可以使用 stop Event Modifiers 来停止向父元素传播事件。
<!-- the click event's propagation will be stopped -->
<a v-on:click.stop="doThis"></a>