vue + elementui动态路由导航代码示例

很高兴为您解答。以下是一个简单的 Vue 和 Element UI 动态路由导航的示例：

<template>
<div>
<el-menu :default-active="$route.path" class="el-menu-demo" mode="horizontal" @select="handleSelect">
<el-submenu v-for="item in menu" :key="item.name" :index="item.path">
<template slot="title">
<i :class="item.icon"></i>
{{ item.name }}
</template>
<el-menu-item v-for="subItem in item.children" :key="subItem.path" :index="subItem.path">
<i :class="subItem.icon"></i>
{{ subItem.name }}
</el-menu-item>
</el-submenu>
</el-menu>
</div>
</template>

<script>
import menu from '@/config/menu'

export default {
data() {
return {
menu
}
},
methods: {
handleSelect(key, keyPath) {
this.$router.push(key)
}
}
}
</script>

请注意，这只是一个简单示例，您需要根据自己的实际需求进行适当修改和扩展。谢谢！