vue-element 阻止事件冒泡没效果，怎么解决？

Question

代码：

<el-menu>
<template v-for="item in menuList">
                        <el-submenu :index="item.index" @click.native="ClickSubMenu"   >
                          <template slot="title"  >
                            <i class="el-icon-location"></i>
                            <span>{{item.title}}</span>
                          </template>
                          <template v-for="menu in item.child">
                            <el-menu-item @click.stop="ChildMenuClick(item,menu,$event)" >{{menu.title}}</el-menu-item>
                          </template>
                           
                        </el-submenu>
                      
                    </el-menu>

ChildMenuClick(item,child,event){
              alert("456");
                
            },

            ClickSubMenu(row){
              alert("123");
            }

我用navmenu菜单，我要为submenu设置点击事件，以及子菜单点击事件，点击子菜单，后会触发子菜单事件ChildMenuClick，然后会触发subMenu事件ClickSubMenu。

查了一下是事件冒泡，我使用了@click.stop代码，效果却是点击子菜单不会触发ChildMenuClick事件了，只会触发subMenu事件，这个怎么解决啊？

Answer 1

@click.stop.native