直播平台搭建，elementui的导航路由递归报错解决

直播平台搭建，elementui的导航路由递归报错解决

menu.vue - 父组件：

 

1

<template><br>    <div><br>      <el-menu  :default-active="activeIndex"  background-color="#0f2c70"<br>      text-color="#fff" active-text-color="#ffd04b" mode="horizontal"  @select="handleSelect"><br>      <sub-menu v-for="(item,index) in menuList" :key="item.id" :menuItem="item"></sub-menu><br>      </el-menu><br>    </div><br></template><br><script><br>import subMenu from './ElMenu.vue'<br>export default {<br>  components:{<br>    subMenu<br>  },<br>  data() {<br>    return {<br>      activeIndex: "1",<br>      menuList: []<br>            }<br>          ]<br>        }<br>      ]<br>    };<br>  },<br>};<br></script>

​

ElMenu.vue - 子组件：

 

1

<template><br>    <el-submenu :index="menuItem.id" v-if="menuItem.children && menuItem.children.length > 0" :popper-append-to-body="false"><br>        <template #title>{{menuItem.name}}</template><br>        <sub-menu v-for="(it,index) in menuItem.children" :key="it.id" :menuItem="it"></sub-menu><br>    </el-submenu><br>    <el-menu-item :index="menuItem.id" v-else @click="routerTo(menuItem)">{{menuItem.name}}</el-menu-item><br></template><br><script><br>import subMenu from '@/components/ElMenu.vue'<br>export default {<br>  name: "sub-menu",<br>  components:{<br>      subMenu<br>  },<br>  data() {<br>    return {};<br>  },<br>  props:{<br>      menuItem:''<br>  },<br>  methods:{<br>    routerTo(menuItem){<br>        this.$router.push({path:menuItem.url})<br>    }<br>  },<br>  created(){<br>    //   console.log(this.menuItem)<br>  }<br>};<br></script><br><style><br></style>

 

以上就是 直播平台搭建，elementui的导航路由递归报错解决，更多内容欢迎关注之后的文章