vue flow使用注意事项

vue项目使用vue flow v1.48.2版本库的注意事项

html 复制代码
<VueFlow
            ref="vueFlowInstanceRef"
            v-model:nodes="flowNodeList"
            v-model:edges="flowEdgeList"
            style="height: 85vh"
            :default-viewport="{ zoom: 1.5 }"
            :min-zoom="0.5"
            :max-zoom="2"
            @node-click="handleNodeClick"
            @edge-click="handleEdgeClick"
            @drop="onDrop"
            @dragover="onDragOver"
            @dragleave="onDragLeave"
          >

在绑定nodes和edges数据时候,一定要把nodes节点数据写在edges线段前面,否则会出现一个bug,

绘制地图时候,只有节点数据,看不到线段连线!!!!!

本人踩过这个坑,特此分享

相关推荐
小赵同学WoW2 小时前
1-2 TypeScript 中的 `any` 与 `unknown`
前端
six_2 小时前
C# 上位机(持续更新中)
前端·面试·c#
风雨_2 小时前
Git Worktree sourcetree完整使用指南
前端
半个落月2 小时前
React 组件通信进阶:useContext 与自定义 Hook 实战详解
前端·react.js
用户921080262862 小时前
ChatComposer 输入区改造:基于技能市场实现 Agent 输入框
前端
用户45989204565162 小时前
一套 KMP 多仓库版本治理工作流:用 Version Catalog + CI 把发版流水线自动化
前端·kotlin
小赵同学WoW2 小时前
1-4 TypeScript 中的 `number`、`bigint` 与 `string`
前端
小赵同学WoW2 小时前
1-3 `boolean` 与字面量类型
前端
光影少年2 小时前
react navite 长列表优化:FlatList / SectionList 原理与优化属性
前端·react native·react.js