04egypt-orgchart

组织结构图的Vue包装器。

介绍

• 首先，非常感谢大鹏的出色工作—— OrgChart.js
• 如果你更喜欢Vue.js的包装为组织结构图，你可以尝试 我的项目

链接

• 文档

特征

• 支持导入和导出JSON
• 支持将图表导出为图片
• 拖拽Orgchart
• 可编辑Orgchart

…

安装

npm install vue-orgchart -S

快速入门

在 main.js

import 'vue-orgchart/dist/style.min.css'

在 *.vue

<template>
  <div>
    <vo-basic :data="chartData"></vo-basic>
  </div>
</template>

<script>
import { VoBasic } from 'vue-orgchart'
export default {
  components: { VoBasic }
  created () {
    this.chartData = {
      name: 'JavaScript',
        children: [
          { name: 'Angular' },
          {
            name: 'React',
            children: [{ name: 'Preact' }]
          },
          {
            name: 'Vue',
            children: [{ name: 'Moon' }]
          }
        ]
    }
}
</script>

开发

# install dependencies
npm install

# serve with hot reload at localhost:8999
npm run dev

# unit test
npm run test

# build by rollup
npm run rollup

许可证

麻省理工学院