最近为手术护理系统增加了一个菜单管理的页面，该页面由一个数字输入框，修改按钮，删除按钮，以及折叠面板组成。
输入数字点击保存排序会更换顺序，修改可以修改URL地址，图标Icon等，在开发过程中发现一个问题，当我点击修改的时候，同时会触发折叠面板的开启关闭事件，这里考虑是事件冒泡的问题。
事件冒泡，通俗一点解释，就是当你为父子元素设置了点击事件，点击子元素，父元素也会触发，因为子元素是被包含在父元素之内的，点击子元素的时候，父元素也同时被点击了。
而点击父元素的时候却不会触发子元素。我们解决这个问题的方法是，js中有一个stopPropagation函数，jq也可以使用return false来阻止事件冒泡，而在vue中就非常简单了，只需要在事件的后面加上.stop，这个事件就不会向上冒泡了。
了解更多事件冒泡知识点击这里。
下一篇： 如何搜索英文时搜索时不区分大小写
