element el-dialog里再调用其他组件，查找不到组件的方法
- 需求描述：点击编辑按钮，跳出编辑弹窗，回显图片组件里面的图片
- 问题：element el-dialog里再调用组件，打开该弹窗的瞬间找不到弹窗里调用子组件的方法
- 原因：弹窗显示时，调用的子组件还没渲染出来所以查找不到该组件的方法,感觉是父子组件渲染先后的问题
- 解决：我选择的方法是写推迟调用方法定时器
setTimeout - 代码
// template
<!-- 新增/修改 --><el-dialog:title="title":visible.sync="addlDialogVisible"width="50%":before-close="onCloseAdd":destroy-on-close="true">// 其他组件UploadImage <UploadImage ref="componentImag" /><span slot="footer" class="dialog-footer"><el-button @click="onCloseAdd">取 消</el-button><el-button type="primary" @click="onConfirmAddDialog">确 定</el-button></span></el-dialog>// JSonEditAction(){/*** 写图片上传回显样式*/if(this.multipleSelection[0].ImageUrl!==''&& this.multipleSelection[0].ImageUrl!==null){let pamImage = {fileName:'',url:this.multipleSelection[0].ImageUrl,}setTimeout(() => {this.$refs.componentImag.editShowStyle(pamImage) // 刚开始就是找不到这个方法！，写完延迟调用就找到了}, 0)}},
相关文章：
element el-dialog里再调用其他组件，查找不到组件的方法
需求描述：点击编辑按钮，跳出编辑弹窗，回显图片组件里面的图片问题：element el-dialog里再调用组件，打开该弹窗的瞬间找不到弹窗里调用子组件的方法原因：弹窗显示时，调用的子组件还没渲染出来所以…...
【深度学习】四种天气分类 模版函数 从0到1手敲版本
引入该引入的库 import torch import torch.nn as nn import matplotlib.pyplot as plt import torch.nn.functional as F import torchvision import torch.optim as optim %matplotlib inline import os import shutil import glob os.environ["KMP_DUPLICATE_LIB_OK&q…...
Linux文件 profile、bashrc、bash_profile区别
Linux系统中，有三种文件 出现的非常频繁，那就是 profile、bash_profile、bashrc 文件。 1、profile 作用 profile，路径：/etc/profile，用于设置系统级的环境变量和启动程序，在这个文件下配置会对所有用户…...
blender记一下法线烘焙
这里主要记一下使用cage的方式 原理 看起来是从cage发射射线，打中高模了就把对应uv那个地方的rgb改成打中的点的normal的rgb 正事 那么首先需要一个高模 主要是几何要丰富 无所谓UV 然后一个低模，既然上面提到UV，那低模就要展UV, 展完之后…...
【LabVIEW FPGA入门】FPGA 存储器（Memory）
可以使用内存项将数据存储在FPGA块内存中。内存项以2kb为倍数引用FPGA目标上的块内存。每个内存项引用一个单独的地址或地址块，您可以使用内存项访问FPGA上的所有可用内存。如果需要随机访问存储的数据，请使用内存项。 内存项不消耗FPGA上的逻辑资源&…...
vue3+element Plus form 作为子组件，从父组件如何赋值？
刚开始接触vue3时，碰到一个很low的问题，将form作为子组件，在页面中给form表单项输入内容，输入框不显示值，知道问题出在哪，但因为vue3组合式api不熟悉，不知从哪下手... 效果图： 父组…...
Kafka系列之：Exactly-once support
Kafka系列之：Exactly-once support 一、Sink connectors二、Source connectors三、Worker configuration四、ACL requirementsKafka Connect 能够为接收器连接器（从版本 0.11.0 开始）和源连接器（从版本 3.3.0 开始）提供一次性语义。请注意，对一次语义的支持高度依赖于您运…...
Spring Boot2
SpringBoot 配置文件 properties配置文件 application.properties 以配置端口和访问路径为例 server.port8080 yaml配置文件 application.yml / application.yaml server:port: 81 在实际开发中，更常用的是yaml配置文件 yaml层级表示更加明显 yml配置信息书…...
)
【idea做lua编辑器】IDEA下lua插件报错编辑器打不开(同时安装EmmyLua和Luanalysis这2个插件就报错，保留EmmyLua插件即可)
C:\Users\Administrator\AppData\Roaming\JetBrains\IntelliJIdea2021.1\plugins 同时安装EmmyLua和Luanalysis就报错，删除Luanalysis这个文件夹只使用EmmyLua这个插件即可！ 为啥不用vscode呢？ 我个人不太喜欢vscode，更喜欢idea&…...
SpringCloud之网关组件Gateway学习
SpringCloud之网关组件Gateway学习 GateWay简介 Spring Cloud Gateway是Spring Cloud的⼀个全新项目，目标是取代Netflix Zuul，它基于Spring5.0SpringBoot2.0WebFlux（基于高性能的Reactor模式响应式通信框架Netty，异步⾮阻塞模型…...
全球大型语言模型(LLMS)现状与比较
我用上个博文的工具将一篇ppt转换成了图片，现分享给各位看官。 第一部分：国外大语言模型介绍 1，openai的Chatgpt 免费使用方法1：choose-carhttps://share.freegpts.org/list 免费使用方法2：Shared Chathttps://share…...
Git Commit 提交规范，变更日志、版本发布自动化和 Emoji 提交标准
前言 Git Commit 是开发的日常操作, 一个优秀的 Commit Message 不仅有助于他人 Review, 还可以有效的输出 CHANGELOG, 对项目的管理实际至关重要, 但是实际工作中却常常被大家忽略，希望通过本文，能够帮助大家规范 Git Commit，并且展示相关 …...
Spark与flink计算引擎工作原理
Spark是大批量分布式计算引擎框架，scale语言开发的，核心技术是弹性分布式数据集（RDD）可以快速在内存中对数据集进行多次迭代，支持复杂的数据挖掘算法及图形计算算法，spark与Hadoop区别主要是spark多个作业之…...
Excel数字乱码怎么回事 Excel数字乱码怎么调回来
在日常工作中，Excel是我们最常使用的数据处理软件之一，它强大的功能使得数据处理变得既简单又高效。然而，用户在使用Excel时偶尔会遇到数字显示为乱码的问题，这不仅影响了数据的阅读，也大大降低了工作效率。那么&#…...
实例：NX二次开发使用链表进行拉伸功能（链表相关功能练习）
一、概述 在进行批量操作时经常会利用链表进行存放相应特征的TAG值，以便后续操作，最常见的就是拉伸功能。这里我们以拉伸功能为例子进行说明。 二、常用链表相关函数 UF_MODL_create_list 创建一个链表，并返回链表的头指针。…...
【VSTO开发】遍历 Ribbon 中的所有控件或按钮
在 VSTO（Visual Studio Tools for Office）中，可以通过代码来遍历 Ribbon 中的所有控件或按钮。可以使用 C# 或 VB.NET 等编程语言来实现这个功能。 下面是一个简单的示例代码，演示如何遍历 Ribbon 中的所有控件或按钮：…...
上位机图像处理和嵌入式模块部署（qmacvisual图像识别）
【 声明：版权所有，欢迎转载，请勿用于商业用途。 联系信箱：feixiaoxing 163.com】 所谓图像识别，就是对图像进行分类处理，比如说判断图像上面的物体是飞机、还是蝴蝶。在深度学习和卷积神经网络CNN不像现在这…...
当Java 22遇到 SpringBoot 3.3.0！
工程 | JOSH LONG | 0条评论 Java 22发布快乐！ Java 22 是一个重大的进步，是一个值得升级版本。有一些重大的最终发布功能，如 Project Panama及一系列更优秀的预览功能。我不可能覆盖它们全部，但我确实想谈谈我最喜爱的一些。我们…...
贪吃蛇（C语言超详细版）
目录 前言： 总览： API： 控制台程序（Console）： 设置坐标： COORD： GetStdHandle： STD_OUTPUT_HANDLE参数： SetConsoleCursorPosition： …...
python(django)之流程接口管理后台开发
1、在models.py中加入流程接口表和单一接口表 代码如下： from django.db import models from product.models import Product# Create your models here.class Apitest(models.Model):apitestname models.CharField(流程接口名称, max_length64)apitester model…...
Appium+python自动化（十六）- ADB命令
简介 Android 调试桥(adb)是多种用途的工具，该工具可以帮助你你管理设备或模拟器 的状态。 adb ( Android Debug Bridge)是一个通用命令行工具，其允许您与模拟器实例或连接的 Android 设备进行通信。它可为各种设备操作提供便利，如安装和调试…...
uni-app学习笔记二十二---使用vite.config.js全局导入常用依赖
在前面的练习中，每个页面需要使用ref，onShow等生命周期钩子函数时都需要像下面这样导入 import {onMounted, ref} from "vue" 如果不想每个页面都导入，需要使用node.js命令npm安装unplugin-auto-import npm install unplugin-au…...
基于Docker Compose部署Java微服务项目
一. 创建根项目 根项目（父项目）主要用于依赖管理 一些需要注意的点： 打包方式需要为 pom<modules>里需要注册子模块不要引入maven的打包插件，否则打包时会出问题 <?xml version"1.0" encoding"UTF-8…...
C# SqlSugar：依赖注入与仓储模式实践
C# SqlSugar：依赖注入与仓储模式实践 在 C# 的应用开发中，数据库操作是必不可少的环节。为了让数据访问层更加简洁、高效且易于维护，许多开发者会选择成熟的 ORM（对象关系映射）框架，SqlSugar 就是其中备受…...
select、poll、epoll 与 Reactor 模式
在高并发网络编程领域，高效处理大量连接和 I/O 事件是系统性能的关键。select、poll、epoll 作为 I/O 多路复用技术的代表，以及基于它们实现的 Reactor 模式，为开发者提供了强大的工具。本文将深入探讨这些技术的底层原理、优缺点。 一、I…...
初学 pytest 记录
安装 pip install pytest用例可以是函数也可以是类中的方法 def test_func():print()class TestAdd: # def __init__(self): 在 pytest 中不可以使用__init__方法 # self.cc 12345 pytest.mark.api def test_str(self):res add(1, 2)assert res 12def test_int(self):r…...
回溯算法学习
一、电话号码的字母组合 import java.util.ArrayList; import java.util.List;import javax.management.loading.PrivateClassLoader;public class letterCombinations {private static final String[] KEYPAD {"", //0"", //1"abc", //2"…...
springboot整合VUE之在线教育管理系统简介
可以学习到的技能 学会常用技术栈的使用 独立开发项目 学会前端的开发流程 学会后端的开发流程 学会数据库的设计 学会前后端接口调用方式 学会多模块之间的关联 学会数据的处理 适用人群 在校学生，小白用户，想学习知识的 有点基础，想要通过项…...
C++课设：简易日历程序（支持传统节假日 + 二十四节气 + 个人纪念日管理）
名人说：路漫漫其修远兮，吾将上下而求索。—— 屈原《离骚》 创作者：Code_流苏(CSDN)（一个喜欢古诗词和编程的Coder😊） 专栏介绍：《编程项目实战》 目录 一、为什么要开发一个日历程序？1. 深入理解时间算法2. 练习面向对象设计3. 学习数据结构应用二、核心算法深度解析…...
Vite中定义@软链接
在webpack中可以直接通过符号表示src路径，但是vite中默认不可以。 如何实现： vite中提供了resolve.alias：通过别名在指向一个具体的路径 在vite.config.js中 import { join } from pathexport default defineConfig({plugins: [vue()],//…...