请问一下递归的菜单怎么添加 事件 例如点击事件

[shiliangL]

[shiliangL]

好的 谢谢

[harsima]

这里有两种解决方法，不清楚你要哪一种，所以就直接写具体方法了。

第一种，更换思路，使用Element组件的select事件。 这种方法是直接在<el-menu>上添加事件，可对所有的子菜单进行统一操作，如果有需要可以根据index或者indexPath进行条件判断。

事件名称	说明	回调参数
select	菜单激活回调	index: 选中菜单项的 indexPath: 选中菜单项的 index path

第二种，我就是要加click，不管其他 这种情况就直接在<el-menu-item>上直接加click就好，需要的参数直接带到你的方法中。

<template>
    <el-menu-item v-else :index="item.path" @click="showConsole(item.path)">{{ item.name }}</el-menu-item>
</template>

<script>
export default {
    methods: {
        showConsole(index){
            console.log(index)
        }
    }
}
</script>