• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

    bin-tree-org: vue 组织结构组件

    原作者: [db:作者] 来自: 网络 收藏 邀请

    开源软件名称:

    bin-tree-org

    开源软件地址:

    https://gitee.com/wangbin3162/bin-tree-org

    开源软件介绍:

    bin-lib

    说明文档

    介绍

    为实现组织结构图,参考实现了一个简易版组织结构图,组件依赖于vue-org-tree,在此基础上将部分源代码进行优化修改,并将labelWidth更改成labelStyle以便暴露给外部全量的修改label样式。并附上使用测试案例和开发文档。

    安装

    CDN 安装

    通过unpkg.com/bin-tree-org 可以看到最新版本的资源,也可以切换版本选择需要的资源,在页面上引入 js 和 css文件即可开始使用:

    <!-- import Vue.js --><script src="https://cdn.jsdelivr.net/npm/vue"></script><!-- import bin-tree-org --><link href="https://unpkg.com/[email protected]/lib/style/style.css"><script src="https://unpkg.com/[email protected]/lib/index.min.js"></script>

    @1.0.0 表示版本号,我们建议锁定版本号来保证代码的稳定性

    npm 安装

    推荐使用npm安装,它能更好地和webpack打包工具配合使用。而且可以更好的和es6配合使用。并且支持按需引入

    npm i bin-tree-org -S# or yarn add bin-tree-org

    如果您了解node.js、npm安装,并希望配合webpack使用,请阅读下一节:快速上手

    引入

    在 main.js 中写入以下内容:

    import Vue from 'vue'import BinOrgTree from 'bin-tree-org'Vue.use(BinOrgTree)

    最新版本

    NPM version

    相关链接

    bin-ui


    鲜花

    握手

    雷人

    路过

    鸡蛋
    该文章已有0人参与评论

    请发表评论

    全部评论

    专题导读
    热门推荐
    阅读排行榜

    扫描微信二维码

    查看手机版网站

    随时了解更新最新资讯

    139-2527-9053

    在线客服(服务时间 9:00~18:00)

    在线QQ客服
    地址:深圳市南山区西丽大学城创智工业园
    电邮:jeky_zhao#qq.com
    移动电话:139-2527-9053

    Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap