plugin-vue-anzh v1.0.0

main.js入口文件引入 import LabelTree from 'plugin' Vue.use(LabelTree);

组件中使用

\<LabelTree :data="data">\<\/LabelTree>

data请求接口返回的数据

样式类似 this.data = [ { id: 100, name: "STB", children: [ { id:344047, name: "电影", children:[{ id: 34050, name: "题材", }

						]
					},{
						id: 600,
						name: "电视剧",
						children:[{
							id: 601,
							name: "热播"	,	
						}				
						]
					}
				
				]
			},
			{
				id: 831,
				name: "PC端",
				children:[
					{
						id: 2701,
						name: "电视剧",
						children:[{
							id: 2702,
							name: "同步追剧",
						}
						]
					},{
						id: 2759,
						name: "综艺",
						children:[{
							id: 71915,
							name: "脱口秀"		
						}					
						]
					}
				
				]
				
			},
			{
				id: 3508,
				name: "移动端",
				children:[
					{
						id: 3070,
						name: "电影",
						children:[{
							id: 3071,
							name: "热播",
						}
						]
					},{
						id: 3202,
						name: "体育",
						children:[{
							id: 3203,
							name: "最新赛事"		
						}					
						]
					}
				
				]
				
			}
		
		];

plugin

A Vue.js project

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

For detailed explanation on how things work, consult the docs for vue-loader.