vue右键复制粘贴功能_开箱即用的思维导图Vue组件

一个由MindNode启发的思维导图Vue组件，基于d3.js实现
目前实现的功能有基本的编辑、拖移、缩放、撤销、上下文菜单...

GitHub

在线演示：https://mindnode.5xin.xyz/

安装

npm install @hellowuxin/mindmap
// 在你的vue文件中引入思维导图组件
import mindmap from '@hellowuxin/mindmap'

样例

<template>
  <mindmap v-model="data"></mindmap>
</template>

<script>
import mindmap from '@hellowuxin/mindmap'

export default {
    
  components: {
     mindmap },
  data: () => ({
    
    data: [{
    
      "name":"如何学习D3",
      "children": [
        {
    
          "name":"预备知识",
          "children": [
            {
     "name":"HTML & CSS" },
            {
     "name":"JavaScript"