用vue一分钟快速实现一个可视化编辑器(流程图、拓扑图、web组态、SCADA)

视频教程: https://www.bilibili.com/vide...

安装

topology-vue

$ npm install topology-vue

# OR

$ yarn add topology-vue

使用组件

1. 导入组件

Typescript使用方式
https://github.com/le5le-com/...



JavaScript使用方式
https://github.com/le5le-com/...



2. 加载相关字体文件



  
    
    
    
    
    
    
  
  
    <%= htmlWebpackPlugin.options.title %>
  
  
    
    

3. 加载相关js文件





页面效果

用vue一分钟快速实现一个可视化编辑器(流程图、拓扑图、web组态、SCADA)_第1张图片

底层核心库开源

topology-vue基于开源核心库开发的上层应用
核心库GIthub: https://github.com/le5le-com/...

免费在线使用:http://topology.le5le.com

你可能感兴趣的:(vue.js,流程图,scada,拓扑图,编辑器)