herringtondarkholme / vue-advanced-programming Goto Github PK

<div class="ez-tree-node">
	<div class="ez-tree-node-self" @click="onItemClick">
		<span class="ez-tee-node-icon" :class="{'expanded':data.expanded,'hasChildren':data.hasChildren()}"></span>
		<v-outlet source="nodeTemplate" :$ctx="data">
			<span class="ez-tee-node-content">{{data.title}}</span>
		</v-outlet>
	</div>

	<div class="ez-tree-node-sub" v-if="data.hasChildren()" :class="{'expanded':data.expanded}">
		<span class="ez-tree-node-indent"></span>
		<span class="ez-tree-node-children">
			<template v-for="node in data.getChildren()">
				<ez-tree-node :data="node" />
			</template>
		</span>
	</div>
</div>

    <ez-tree-node :data="books">
        <v-template slot="nodeTemplate" inline-template>
            <span>
                {{$ctx.title}}
            </span>
        </v-template>
    </ez-tree-node>