vue中简单的无限树形结构tree.vue

主要解决两个问题：

第一个：递归循环，这里是用 ：is 动态指定组件来解决的。

第二个：同级如何区分，传入的数组中要提供相应的open数据，以供区分使用：is = 'open'

tree.vue代码

   
   
   

    
     
     
    

      
      
      
     

        
       
       
      

       
         {
       {o.name}} 
       
      
      
      
      
     
      
      
      
    
     
     
    
  
    
    
   

   
   
<script>
  export default {
    name: 'tree',
    props: ['list', 'orgId'],
    methods: {
      showSubList (data) {
        if (data.open) {
          data.open = null
        } else {
          data.open = 'tree'
        }
      }
    }
  }
</script>

json数据

1. [{