vue-element左侧导航栏递归渲染

不知道左侧导航栏有多少级，使用递归渲染 

        

                调用自己写的模板 ， 将后台获取的数据传进去
             

        

模板（组件）

组件调用自身，感觉最好用名字（name），我使用报过一次错,提示用name。。。虽然第二次使用没有报错，emmmmm.......希望评论区出现使用name和名字的区别解说，嘿嘿嘿。。。感谢！！！

遍历传进来的数据
（v-if="item.childrens.length"）判断有没有孩子
如果没有，也就是孩子长度等于 零 ，渲染没有下拉的元素。。
如果有（v-else），孩子长度大于零，渲染下拉元素。。

  components: {
    'tree-element':{
      name: 'treeElement',
      props: ['arr'],
      template:`

        

          
            {{ item.name }}
          
          
            

            
          
        
      
`
    }