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,

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

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

相关推荐
头茬韭菜几秒前
第 3 篇:「Pydantic 即 Schema」—— 工具生态三层解剖
前端·chrome·ai·openmanus
志尊宝15 分钟前
Vue3 零基础每日笔记(004):模板语法初识——插值表达式、v-bind、v-on 一次学会
javascript·vue.js·笔记
恋猫de小郭21 分钟前
Flutter 状态管理基准测评,一个很有趣的观点
android·前端·flutter
雪芽蓝域zzs27 分钟前
前端编辑组件wangEditor
前端
风骏时光牛马1 小时前
稳定性治理及疑难问题深度剖析与实战复盘
前端
AIGC小尼1 小时前
穿山甲 + 腾讯短剧短视频聚合广告平台|Android+SpringBoot+Vue+Docker 完整部署指南
android·vue.js·spring boot·聚合广告·广告平台·穿山甲广告·腾讯广告
JeffongTan9 小时前
在LWC中镶嵌VF Page获取用户IP
前端·javascript·salesforce
陆枫Larry11 小时前
Astro 是什么
前端
是立不是利13 小时前
写给设计师的 CSS 博客美学指南
前端·css