【技术实现步骤摘要】
一种基于vue的思维脑图绘制方法及相关装置
[0001]本申请涉及计算机
，特别涉及一种基于vue的思维脑图绘制方法；还涉及一种基于vue的思维脑图绘制装置、设备以及计算机可读存储介质。
技术介绍
[0002]随着计算机技术的不断发展，互联网与的应用已遍布各行各业，在线化办公日益成为主流。思维脑图作为一种可以最大限度的使思维可视化的工具已被广泛使用。传统的思维脑图引入项目的方式是采用图片或kityminder
‑
core。然而，采用上述方式所引入的思维脑图只能展示数据(节点)，而无法动态的对数据进行添加等操作，由此无法满足用户需求。因此，提供一种能够对数据进行动态操作，更好的满足用户需求的思维脑图绘制方案已成为本领域技术人员亟待解决的技术问题。
技术实现思路
[0003]本申请的目的是提供一种基于vue的思维脑图绘制方法，能够对数据进行动态操作，更好的满足用户需求。本申请的另一个目的是提供一种基于vue的思维脑图绘制装置、设备以及计算机可读存储介质，均具有上述技术效果。
[00...
【技术保护点】
【技术特征摘要】
1.一种基于vue的思维脑图绘制方法，其特征在于，包括：获取并保存节点；对所述节点绑定vue指令；所述vue指令包括增加子节点指令、删除节点及所述节点的子节点指令、展开节点的子节点指令以及折叠节点的子节点指令；确定各所述节点的坐标位置；根据所述坐标位置连接所述节点，并通过运行渲染函数生成思维脑图。2.根据权利要求1所述的思维脑图绘制方法，其特征在于，所述获取并保存节点包括：获取所述节点并以json数组的格式存储所述节点。3.根据权利要求2所述的思维脑图绘制方法，其特征在于，确定各所述节点的坐标位置包括：以最深层子节点为基础，根据所述节点的宽度、高度、上下层的节点之间的间隔以及左右层级的节点之间的间隔确定所述节点的坐标位置。4.根据权利要求3所述的思维脑图绘制方法，其特征在于，所述节点的各坐标值均大于零。5.根据权利要求4所述的思维脑图绘制方法，其特征在于，所述根据所述坐标位置连接所述节点包括：利用jsplumb根据所述坐标位置连接所述节点。6.一种基于vue的思维脑图绘制装置，其特征在于，包括：节点获取模块，用于获取并保存节点；指令绑定模块，用于对所述节点绑...
【专利技术属性】
技术研发人员：李芳芳，范渊，刘博，
申请(专利权)人：杭州安恒信息技术股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。