vue 项目 跨表格 连线插件
时间: 2023-08-22 19:07:18 浏览: 159
您可以尝试使用 jsPlumb,它是一个流行的 JavaScript 库,用于在 Web 应用程序中创建连接和流程图。它支持许多不同的布局和连接类型,可以轻松地在 Vue 项目中使用。您可以在 npm 上找到它,安装方法如下:
```
npm install jsplumb --save
```
安装完成后,您可以在 Vue 组件中使用以下代码来创建连接:
```
import jsPlumb from 'jsplumb'
jsPlumb.ready(() => {
jsPlumb.connect({
source: 'elementId1',
target: 'elementId2',
anchors: ['Right', 'Left']
})
})
```
其中,`elementId1` 和 `elementId2` 是您要连接的两个表格的 ID。`anchors` 是连接点的位置,这里设置为右侧和左侧。您可以根据需要调整它们的位置。
希望这可以帮助到您!
阅读全文