element-UI 组件 dialog 中 ref 获取不到元素

项目场景:

vue3集成bpmn.js 渲染过程中,进行流程图查看
在这里插入图片描述


问题描述

dialog弹窗加载获取canvas中 加载不到,导致偶尔流程展示加载失败

在这里插入图片描述

原因分析:

提示:官方解释如下,主要就是获取的时候,组件没有渲染,所以获取不:
在这里插入图片描述


解决方案:

提示:通过open回调解决:

在这里插入图片描述
尝试后可以加载出,但是偶尔获取不到。
在这里插入图片描述

最终将bpmnxml请求移至组件内请求,解决了该问题

参考

element-UI 组件 dialog …

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/473375.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

智胜未来,新时代IT技术人风口攻略-第四版(弃稿)

文章目录 前言鸿蒙生态科普调研人员画像高校助力鸿蒙高校鸿蒙课程开设占比教研力量并非唯一原因 企业布局规划全盘接纳仍需一段时间企业对鸿蒙的一些诉求 机构入场红利机构鸿蒙课程开设占比机构对鸿蒙的一些诉求 鸿蒙实际体验高校用户群体高度认同与影响体验企业用户群体未来可…

Flex布局简介及微信小程序视图层View详解

目录 一、Flex布局简介 什么是flex布局? flex属性 基本语法和常用属性 Flex 布局技巧 二、视图层View View简介 微信小程序View视图层 WXML 数据绑定 列表渲染 条件渲染 模板 WXSS 样式导入 内联样式 选择器 全局样式与局部样式 WXS 示例 注意事项…

深入解析Mybatis-Plus框架:简化Java持久层开发(二)

🍀 前言 博客地址: CSDN:https://blog.csdn.net/powerbiubiu 👋 简介 本章节开始从实际的应用场景,来讲解Mybatis-Plus常用的一些操作,根据业务场景来进行增删改查的功能,首先先搭建一个项目…

codeforces 1500分

文章目录 1.[C. Partitioning the Array](https://codeforces.com/contest/1920/problem/C)2.[F. Greetings](https://codeforces.com/contest/1915/problem/F)3.[B. Plus and Multiply](https://codeforces.com/problemset/problem/1542/B)4.[B. Codeforces Subsequences](htt…

网络原理-TCP/IP(7)

目录 网络层 路由选择 数据链路层 认识以太网 以太网帧格式 认识MAC地址 对比理解MAC地址和IP地址 认识MTU ARP协议 ARP协议的作用 ARP协议工作流程 重要应用层协议DNS(Domain Name System) DNS背景 NAT技术 NAT IP转换过程 NAPT NAT技术的优缺点 网络层 路由…

Java学习第十六节之创建对象内存分析和小结类与对象

创建对象内存分析 小结类与对象 package oop;//一个项目应该只存在一个main方法 public class Application {public static void main(String[] args) {/*1.类与对象类是一个模版:抽象对象是一个具体的实例2.方法定义,调用!3.对应的引用引用…

036-安全开发-JavaEE应用第三方组件Log4j日志FastJson序列化JNDI注入

036-安全开发-JavaEE应用&第三方组件&Log4j日志&FastJson序列化&JNDI注入 #知识点: 1、JavaEE-组件安全-Log4j 2、JavaEE-组件安全-Fastjson 3、JavaEE-基本了解-JNDI-API 演示案例: ➢Java-三方组件-Log4J&JNDI ➢Java-三方组件-Fa…

各类电纸书使用体验

对移动阅读一直有着强烈的愿望,想要一个易于携带,又能看着比较大气的电子阅读器,这是一个矛盾...所以现在用着海信Hi Reader Pro,还想再寻找一个合适的家用阅读器,对自己用过的阅读器总结一下,给大家做个参…

leetcode刷题(罗马数字转数字)

1.题目描述 2.解题思路 这时候已经给出了字母对应的数字,我们只需要声明一个字典,将罗马数字和数字之间的对应关系声明即可。其中可能涉及到会出现两个连续的罗马字母代表一个数字,这时候我们需要判断遍历的字符和将要遍历的下一个字符是否存…

动态规划--->背包问题理论基础(二维dp)

01背包:n个物品每种都有一个 完全背包:n个物品每种都有相同数量个 多重背包:n个物品每种都有不同数量个 背包暴力解法:每种物品只有两种状态,可以枚举采用回溯算法试一试 题目:三种物品的编号&#xff…

1.逆向基础

文章目录 一、前言二、什么是逆向?三、软件逆向四、逆向分析技术五、文本字符六、Windows系统1.Win API2.WOW643.Windows消息机制4.虚拟内存 一、前言 原文以及后续文章可点击查看:逆向基础 逆向真的是一个很宏大的话题,而且大多数都是相当…

Linux学习——静态库与动态库的打包

目录 ​编辑 一,动静态库介绍 1,动静态库的特点 二,静态库的打包 计算器示例 编译: 1,直接编译 2,打包 三,动态库打包 计算器示例:同上 编译: 1,直…