基于Vue2和jsmind.js实现思维导图

使用Vue2和jsmind.js实现思维导图,包括放大、缩小、添加、修改和删除等基本功能,以及使用jsmind.menu实现右键点击显示菜单。

1 参考文档

注意:vue-jsmind是在jsmind.js基础上进行了封装,本文用的是jsmind不是vue-jsmind;jsmind.menu.js不是jsmind.js自带的,是其他大神开发的。

1.1 参考网址

实现基本功能使用jsmind.js即可,不需要jsmind.menu.js

开源项目地址: http://hizzgdev.github.io/jsmind/developer.html

gitee上的地址:https://gitee.com/mirrors/jsmind

github上的地址:https://github.com/hizzgdev/jsmind

实现右键菜单的js文件,实现此功能需要将jsmind.menu.js文件下载下来,再动态导入到工程中。

https://github.com/allensunjian/jsmind.menu.js

1.2 安装jsmind

我使用的版本是:"jsmind": "^0.4.6";

cnpm install jsmind --save

2 截图

基于Vue2和jsmind.js实现思维导图_第1张图片

 

3 源代码






你可能感兴趣的:(前端,javascript,vue.js,前端)