vue树形菜单的制作

父组件:treeTest.vue:

 

<template>

<div>

<div>

<tree-children

v-for="(item, index) in treeData"

:key="index"

:tree="item"

></tree-children>

</div>

</div>

</template>

<script>

import TreeChildren from '~/components/tree/children.vue'

export default {

data () {

return {

isTree: false,

treeData: [{

title: "一级菜单",

test:1,

children: [{

title: "二级菜单",

test:2,

children: [{

title: "三级菜单",

test:3,

children: [{

title: "四级菜单",

test:4

}]

}]

}]

}]

}

},

components: {

TreeChildren

},