vue elemnt ui 菜单渲染

之前做过一期菜单，但感觉做的不好，所以这里在补一期较为完善的。

话不多说，先上效果图，对于系统菜单来说，无非就是多级渲染，再加一点小功能

1.在components文件夹下建立test.vue页面，

        

      

    

  

npm install --save vue-fragment

然后到main里面注入

import Fragment from ‘vue-fragment’

Vue.use(Fragment.Plugin)

2.至此组件已经弄完了，现在我们来看调用

  

          

              

                            

                                :unique-opened = true

                                background-color='#212c3c'  

                                text-color='#fff' 

                                class="el-menu-vertical-demo" 

                                @open="handleOpen" 

                                router

                                :default-active='curActive'

                                @select="handleselect"

                                active-text-color="#418de9"

                                @close="handleClose" 

                                :collapse="isCollapse"

                            >