@falseluffy/c-tree
v1.0.0
Published
``` data:Array [{name:'',children:[]}] property:Object {name:'name',children:'children'} icon: ``` ### 使用方法: ``` <c-tree :data="data" :property="property"></tree>
Downloads
5
Readme
基于vue开发的树形图
可选参数
data:Array [{name:'',children:[]}]
property:Object {name:'name',children:'children'}
icon:
使用方法:
<c-tree :data="data" :property="property"></tree>
import CTree from './c-tree.js';
{
components:{
CTree
}
}
或
<script src="./c-tree.js"></script>
<script>
Vue.component('demo',{
template:'<div>'+
'<c-tree :data="data" :property="property"></tree>'+
'</div>',
data:function(){
return {
data:[
{
name: '开始开始开',
childrens: [
{
name: '开始2',
childrens: [
{
name: '开始2'
},
{
name: '开始2'
},
]
},
{
name: '开始2',
childrens: [
{
name: '开始2'
},
{
name: '开始2'
},
]
},
{
name: '开始2'
},
{
name: '开始2'
},
]
},
{
name: '开始开始开始开始开始开始开始',
childrens: [
{
name: '开始2'
},
{
name: '开始2'
}
]
},
],
property:{name:'name',children:'children'}
}
}
})
</script>