vue3背景下，el-input嵌套在弹出框中，自动聚焦“失效”？如何实现自动聚焦_vue3 el-input 自动聚焦autofocus无效-程序员宅基地
情景：在一个弹出框中，有一个el-input输入框，想要实现当弹出框出现时，input会自动聚焦。
使用input的原生属性autofocus去自动获取焦点失效；
使用ref获取el-input元素也显示 undefined ！！！
<el-dialog v-model="dialogFormVisible" width="300">
.......
<el-input v-model="category_name1" ref="input1"/>
.......
</el-dialog>
先说结论：使用定时器！！
//script标签部分内容
const dialogFormVisible = ref(false)
//获取到input框
const input1 = ref()
//弹出框显示按钮事件
const openDialog =() => {
dialogFormVisible.value = true
setTimeout(()=>{input1.value.focus()},100) //在定时器中，延时调用input的聚焦
}原因或许是，使用autofocus时，确实聚焦了！但是当我们又点击 显示弹出框的按钮时，input又失焦了，所以当我们看到input框时，没有自动聚焦。
所以，当我们使用定时器延时调用input的聚焦后，自动聚焦实现了。
至于使用ref获取el-input元素显示 undefined 的原因，目前我也一知半解，如你知道原因，希望
能得到你的帮助！
如果本文对你有帮助，希望能得到你的点赞或收藏或关注，这是对我最好的鼓励；
如你有问题或疑惑，欢迎在评论区写下，必将努力解答；
如本文有误区，希望你不吝赐教，让我们共勉！
智能推荐
＞＞Python：Anaconda3_sshpass-1.06.tar.gz-程序员宅基地
文章浏览阅读452次。Anaconda31、安装1、命令操作安装好之后，可以使用命令conda，可以使用一系列命令参数，conda --help 或 conda -h 、 conda --version 或 conda -V例如，使用conda info 命令如下所示信息：$xxx:~ xxx$ conda info active environment : None shell level : 0 user config file : /Users/xxx/.cond_sshpass-1.06.tar.gz
Learning and Using Jakarta Digester-程序员宅基地
文章浏览阅读601次。今天有空再度学习Struts1.3.9的源码，感觉对org.apache.commons.digester.Digester的认识还很少，上网看了一篇文章讲的比较好，特此转载！ 文章出处：http://www.onjava.com/pub/a/onjava/2002/10/23/digester.html?page=1 文章中的案例解释： //生成一个digester。主要
自己封装的文件服务苹果手机无法播放视频-程序员宅基地
文章浏览阅读370次。自己封装的文件服务苹果手机无法播放视频
网鼎杯第四场 shenyue2 writeup_ctf shenyue2-程序员宅基地
文章浏览阅读987次。1. shenyue2题目分析这是一道RSA相关的密码学题目，给出了RSA相关的公钥(n,e)(n,e)(n,e)，并且给出了额外的两个参数：一个已知素数rrr以及kkk，并且有如下关系： k=(p−r)dk=(p−r)dk=(p-r)d 其实这是一道2018 CodeGate CTF 的原题，直接按照CTF-WIKI中介绍的解法就可以求出来。而我写这篇文章的目的是向大家介绍另外一种方法，..._ctf shenyue2
将11.x.x升级至16.x.x不成功的一系列问题（二）node-sass sass-loader需安装指定版本_node-sass 升级-程序员宅基地
文章浏览阅读1k次，点赞20次，收藏20次。先根据node版本先锁定node-sass版本 然后再来回切换sass-loader版本 这玩应你就试吧 一试一个一个不吱声_node-sass 升级
python openpyxl ValueError: Value does not match pattern ^[$]?([A-Za-z]{1,3})[$]?(\d+)(:[$]?-程序员宅基地
文章浏览阅读6.7k次。这种问题是因为sheet名称有问题，一般是名字两边有空格？解决：新建一个sheet，然后查看代码，输进去这些，一运行就出来了Sub listSheetName()i = 1For Each sSheet In Application.SheetsCells(i, 1).Value = sSheet.Namei = i + 1NextsSheetEndSub获取到所有..._valueerror: value does not match pattern ^[$]?([a-za-z]{1,3})[$]?(\d+)(:[$]?
随便推点
TensorFlow-模型的保存和调用（freeze方式）_freeze tensorflow-程序员宅基地
文章浏览阅读2.1k次。TensorFlow-模型的保存和调用（freeze方式）硬件：NVIDIA-GTX1080软件：Windows7、python3.6.5、tensorflow-gpu-1.4.0一、基础知识freeze：将ckpt的三个文件融合为一个文件，将variables转换为constant，文件更小，更易于移植二、代码展示1、保存模型import tensorflow as..._freeze tensorflow
HttpWebRequest用ip代理Timeout和ReadWriteTimeout失效不听话问题_webrequest 代理 超时没用-程序员宅基地
文章浏览阅读842次。【CSharp 学习笔记】关于ManualResetEvent的用法解决方案：利用ManualResetEvent，使用方面见上面链接 ManualResetEvent mre = new ManualResetEvent(false); var result=""; mre = new ManualRe..._webrequest 代理 超时没用
spring 自定义注解，动态注入Bean-程序员宅基地
文章浏览阅读5k次，点赞3次，收藏18次。文章目录背景ImportBeanDefinitionRegistrar1.定义注解2.启动注解3.实现接口4.扫描器5.使用Bean6.使用注解7.启动类总结背景@Configuration 注解的类会被spring自动的扫描注入为Bean,如果想自己定义一个注解实现相同的功能如何来实现ImportBeanDefinitionRegistrar熟悉spring源码的同学应该知道，注册bean实际上就是注册beandefinition这个类刚好有接口可以实现default void regis
Qt实现TCP网络通信_qt tcpserver-程序员宅基地
文章浏览阅读1.6k次，点赞2次，收藏8次。用Qt实现TCP服务器与客户端的信息收发_qt tcpserver
【hbase】hbase使用MR统计行数指定yarn队列，及后续遇到的问题_org.apache.hadoop.hbase.mapreduce.rowcounter 增加参数-程序员宅基地
文章浏览阅读1.1k次。一、前言最近需要统计一张hbase表的条数，网上的很多案例都是使用MR的方式来进行统计，所以我们也采用这个方式。但是在实施过程中，遇到一些问题。使用MR去统计时，如果不指定队列，那么就会使用默认的YARN队列，而我们的默认队列是完全没有资源的。网上关于指定YARN队列的文章也比较少，这里整理并记录一下。二、准备这里我们使用 hbase.RowCounter包执行MR的任务。[hbase@bi-hadoop02 ~]$ hbase org.apache.hadoop.hbase.mapreduce_org.apache.hadoop.hbase.mapreduce.rowcounter 增加参数
FAILED: Execution Error, return code 1 from org.apache.hadoop.hive.ql.exec.DDLTask. MetaException(me-程序员宅基地
文章浏览阅读1.8k次。FAILED: Execution Error, return code 1 from org.apache.hadoop.hive.ql.exec.DDLTask. MetaException(message:org.apache.hadoop.hbase.client.RetriesExhaustedException: Can't get the locations at org.apache.hadoop.hbase.client.RpcRetryingCallerWithReadReplicas_failed: execution error, return code 1 from org.apache.hadoop.hive.ql.exec.d