Vent-App/pages/home/devicemenu/devicemenu.vue

<template>
	<view class="bg">
        <tree-menu @menuClick="menuClick" v-for="item in treeData" :key="item.id" :item="item"></tree-menu>
	</view>
</template>
 
<script>
import TreeMenu from './treeMenu/typeMenu.vue'
export default {
	name: 'Study',
	components: {
		TreeMenu
	},
	data() {
		return {
			treeData: [
				{
					id: 1,
					name: '通风',
					children: [
						{
							id: 1001,
							name: '风门',
							children: []
						},
						{
							id: 1002,
							name: '风窗',
							children: []
						},
						{
							id: 1003,
							name: '测风设备',
							children: []
						},
						{
							id: 1004,
							name: '局部通风机',
							children: []
						},
						{
							id: 1005,
							name: '主通风机',
							children: []
						},
						{
							id: 1006,
							name: '压风机',
							children: []
						}
					]
				},
				{
					id: 2,
					name: '防灭火',
					children: []
				},
				{
					id: 3,
					name: '防尘',
					children: []
				},
				{
					id: 4,
					name: '瓦斯',
					children: []
				},
				{
					id: 5,
					name: '综合场景',
					children: [
						{
							id: 5001,
							name: '安全监控',
							children: []
						},
						{
							id: 5002,
							name: '工作面',
							children: []
						},
						{
							id: 5003,
							name: '关键通风路线',
							children: []
						},
						{
							id: 5004,
							name: '硐室',
							children: []
						}]
				}
			],
		}
	},
	created() {
		
	},
	methods:{
	
		menuClick(id){
			this.$emit("menuClick",id)
		}
	}
}
</script>
<style>
	.bg{
		width: 100%;
		height: 100%;
		background-color: #ffffff;
	}
</style>