vue递归组件

时间：2017-02-18 10:42:53 阅读：542 评论：0 收藏：0 [点我收藏+]

//json数据

var tree = [{

‘menuName‘: ‘基础管理‘,

‘menuCode‘: ‘10‘,

‘children‘: [{

‘menuName‘: ‘用户管理‘,

‘menuCode‘: ‘11‘

}, {

‘menuName‘: ‘角色管理‘,

‘menuCode‘: ‘12‘,

‘children‘: [{

‘menuName‘: ‘管理员‘,

‘menuCode‘: ‘121‘

}]

// 父组件引用
items(v-bind:model=‘menuItem‘)(v-for=‘menuItem in tree‘)

// 子组件
<template lang="jade">

tree-menu(v-for="item in model.children")(v-bind:model="item")

</template>

export default {

name: ‘treeMenu‘,

props: [‘model‘]

}

</script>

原文地址：http://www.cnblogs.com/yuzhengbo/p/6412294.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行