vue 使用vis-network拖拽连线为什么节点大小会变
时间: 2023-07-31 22:07:27 浏览: 111
在 `vis-network` 中,节点大小和连线的位置是相互关联的。当你拖拽连线时,节点大小会发生变化,这是正常的行为,因为 `vis-network` 会自动调整节点大小以适应新的连线位置。
如果你想禁止节点大小随连线位置变化,可以在 `vis-network` 的 `options` 中设置 `manipulation` 属性,并将 `enabled` 设置为 `false`,示例代码如下:
```html
<template>
<div id="network" ref="network"></div>
</template>
<script>
import vis from 'vis-network'
export default {
mounted() {
const container = this.$refs.network
const nodes = [
{id: 1, label: 'Node 1'},
{id: 2, label: 'Node 2'},
{id: 3, label: 'Node 3'},
{id: 4, label: 'Node 4'}
]
const edges = [
{from: 1, to: 2},
{from: 1, to: 3},
{from: 2, to: 4},
{from: 3, to: 4}
]
const data = {nodes, edges}
const options = {
manipulation: {
enabled: false // 禁止拖拽连线时节点大小变化
}
}
new vis.Network(container, data, options)
}
}
</script>
```
以上代码中,我们通过设置 `manipulation.enabled` 为 `false` 来禁止拖拽连线时节点大小的变化。
阅读全文