Vue+ElementUi实现菜单循环

1. 在Sider.vue中调用组件，并将在vuex中获取到的菜单数据以传值的方式传入封装组件中

 
<script>
import {mapState} from "vuex";
import MyMenu from "@/components/MyMenu.vue";
 
export default {
  name: 'my_aside',
  data() {
    return {};
  },
  components: {MyMenu},
  computed: {
    ...mapState("menuStore", ["menuList", "isCollapse"])
  },
  mounted() {
  },
  methods: {}
}
script>

2. 分装MyMenu.vue组件，注意格式问题，动态生成后收缩菜单栏会造成格式问题

<script>
 
export default {
  name: 'MyMenu',
  props: ['route']
}
script>