基于Vue的任务节点图绘制插件(vue-task-node)简介:
在线Demo
1.0.x 版本
1.1.x 版本
vue-task-node 是⼀个基于Vue的任务节点图绘制插件(vue-task-node is a Vue based task node mapping plug-in) 此篇博客会随插件版本的更新⽽不断更新
⾸先来张图展⽰⼀下
❤MyHome:?
vuejs流程图插件
github:
思否:
掘⾦:
npm:
✉:liwenbingmsc@qq
⼀、安装
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 Vue({
el: '#app',
router: router,
render: h => h(App)
});
三、教程
五、版本
版本说明更新时间是否⽀持拖拽是否⽀持节点连线1.0.0开端,根据数据绘制任务节点2019年1⽉16⽇否否
1.0.1修改代码规范Eslin2019年1⽉17⽇否否
1.0.2调试⼊⼝⽂件2019年1⽉17⽇否否
1.0.3npm下载包错误修改2019年1⽉17⽇否否
1.0.4添加⿏标右击后返回右击的node数据2019年1⽉18⽇否否
1.0.x优化配置⽂件2019年1⽉x⽇否否
1.1.0代码结构调整,组件重新封装,样式使⽤less写2019年2⽉28⽇是否
1.1.1解决dist⽂件⽆法上传问题2019年2⽉28⽇是否
1.1.2解决dist⽂件⽆法上传问题2019年2⽉28⽇是否
1.1.3解决index.js不到组件问题2019年2⽉28⽇是否
1.1.4解决index.js不到组件问题2019年2⽉28⽇是否
1.1.5调整⼯作区样式问题2019年3⽉1⽇是否
1.1.6调整节点的事件传递2019年3⽉1⽇是否
六、未来新版本
1.2.0 版本需求
①新增节点间连线
七、结语
原⽂在 GitHub
如果觉得对你有帮助 希望能给我⼀个⼩⼩的 start
如过你对 vue-task-node感兴趣就联系我和我⼀起开发他吧? 感谢您看到最后!

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。