console
var mock = {
"data": [{
"code": "STIF1001",
"data": [{
"data": [{
"code": "getUserTopDepartment",
"is_checked": false,
"is_read_checked": false,
"name": "本人所属的一级部门及其下级部门"
},
{
"code": "getUserDepartment",
"is_checked": false,
"is_read_checked": false,
"name": "本人所属部门及其下级部门"
},
{
"code": "getUserCompanyDepartment",
"is_checked": false,
"is_read_checked": false,
"name": "本人所属公司的部门"
},
{
"code": "getOrgAll",
"is_checked": false,
"is_read_checked": false,
"name": "所有部门"
},
{
"action": "sys.org.orgSelector",
"action_right": [],
"code": "getOrgCustom",
"flag": "checkbox",
"name": "自定义"
}],
"flag": "radio",
"name": "按组织架构"
}],
"flag": "checkbox",
"id": "20170727050150671334885489626435",
"name": "角色管理"
},
{
"code": "STIF1002",
"data": [{
"data": [{
"code": "getUserTopDepartment",
"is_checked": false,
"is_read_checked": false,
"name": "本人所属的一级部门及其下级部门"
},
{
"code": "getUserDepartment",
"is_checked": false,
"is_read_checked": false,
"name": "本人所属部门及其下级部门"
},
{
"code": "getUserCompanyDepartment",
"is_checked": false,
"is_read_checked": false,
"name": "本人所属公司的部门"
},
{
"code": "getOrgAll",
"is_checked": false,
"is_read_checked": false,
"name": "所有部门"
},
{
"action": "sys.org.orgSelector",
"action_right": [],
"code": "getOrgCustom",
"flag": "checkbox",
"name": "自定义"
}],
"flag": "radio",
"name": "按组织架构"
}],
"flag": "checkbox",
"id": "20170727071658815539176004579397",
"name": "部门管理"
},
{
"code": "qwdq",
"id": "20170728030920525866850505045916",
"name": "wqdq"
}]
}
var load = {
"data": [{
"code": "getUserTopDepartment",
"is_checked": false,
"is_read_checked": false,
"name": "后台加载的数据本人所属的一级部门及其下级部门"
},
{
"code": "getUserDepartment",
"is_checked": false,
"is_read_checked": false,
"name": "后台加载的数据本人所属部门及其下级部门"
},
{
"code": "getUserCompanyDepartment",
"is_checked": false,
"is_read_checked": false,
"name": "后台加载的数据本人所属公司的部门"
},
{
"code": "getOrgAll",
"is_checked": false,
"is_read_checked": false,
"name": "后台加载的数据所有部门"
},
{
"action": "sys.org.orgSelector",
"action_right": [],
"code": "getOrgCustom",
"flag": "checkbox",
"name": "后台加载的数据自定义"
}],
"message": "获取数据权限成功",
"ngis": "85f4f932e865a1d44955728b6c28c93b",
"state": 1,
"ts": 1503487856865
}
new Vue({
el: '#app',
data: function() {
return {
dataView: mock.data,
defaultProps: {
children: 'data',
label: 'name'
},
}
},
methods: {
add(data, node) {
console.log(data)
if(data.action&&!data.data){
this.$set(data,'data',[])
data.data = load.data
}
}
}
})
<div id="app">
<el-tree :data="dataView" :props="defaultProps" node-key="id" default-expand-all
ref='tree' @node-click='add'>
</el-tree>
</div>