Vue中el-dropdown @command触发时如何阻止父元素的点击事件冒泡？

Question

在Vue项目中使用Element Plus的`el-dropdown`组件时，如果在`@command`事件处理函数中执行某些操作，可能会遇到父元素的点击事件被触发的问题。这是因为事件冒泡导致父级点击事件被激活。如何在`@command`触发时阻止父元素的点击事件冒泡成为了一个常见问题。 例如，在一个下拉菜单中，点击菜单项会触发`@command`，但同时父级容器的点击事件也会被触发，造成不必要的行为。解决方法是在`@command`的回调函数中使用`event.stopPropagation()`来阻止事件冒泡。可以通过调整代码如下：`handleCommand(command) { this.$message('click on item ' + command); event.stopPropagation(); }`，从而确保父级点击事件不会干扰下拉菜单的功能。