SOURCE

console 命令行工具 X clear

                    
>
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>

本项目引用的自定义外部资源