递归实现渲染左侧

272 阅读1分钟
   <Treeform :folder ="pageListLeft" :select ="select" ></Treeform> 
   
   //子组件
   
   <ul >
  <li v-for = "(item) in folder"  >
      <span @click.prevent="select(item,$event)" :title="item.itemNam">
      <i :class="setArrow(item)" class="arrowsPunse"></i>
      <b :class="setClassq(item)">{{item.covRatio}}%</b>	
      	 {{ item.itemName }}
      </span>
    <treelist v-if="item.show"  :folder= "item.coverageTreeInfos" 
       	:select="select"></treelist>
  </li>
</ul>

 export default {
props:["folder","select"],
name: 'treelist',
data () {
  return {
    show: true
  }
},
mounted() {

},
methods:{
	

}

}