vue连线 插件_基于Vue的任务节点图绘制插件节点可拖拽多连线样式（vue-task-node）可用于机器学习，UML，及事物......

vue-task-node

在线Demo

https://codesandbox.io/s/2wv588orlr

vue-task-node 是一个基于Vue的任务节点图绘制插件(vue-task-node is a Vue based task node mapping plug-in)

▲ 1.0.x -> 1.1.x

①重新组织了节点，使节点具有可扩展性。

②新增节点可拖拽。

③样式使用less编写，提高了后期样式的维护成本。

✉：liwenbingmsc@qq.com

一、安装

npm install vue-task-node -S

二、引入

import Vue from 'vue';

import VueRouter from 'vue-router';

import Routers from './router.js';

import VueTaskNode from 'vue-task-node'

import "vue-task-node/dist/css/vnode.css"

Vue.use(VueRouter);

Vue.use(VueTaskNode);

// The routing configuration

const RouterConfig = {

routes: Routers

};

const router = new VueRouter(RouterConfig);

new Vu