饿了么 el-menu菜单的icon 和 title 如何分开点击

Question

如图所示，现在点击导航一只能折叠展开。我想点击这个icon做另外的操作。

Answer 1

点击事件上加上 .stop, 可以阻止点击事件继续传播
这个地方是阻止继续传播到父元素，因为事件默认在冒泡阶段发生，
如果是绑的在捕获阶段发生的事件，.stop是阻止事件继续传播到子元素。
.stop 实际上是用的 event.stopPropagation() 这个 api

<el-submenu index="1">
    <template slot="title">
        <i class="el-icon-location" @click.stop="handleIconClick"></i>
        <span>导航一</span>
    </template>
</el-submenu>   

Answer 2

你再icon上写个click.stop="xxx"不久行了