vue3中el-input自动获取焦点

一般情况下给input标签设置autofocus属性是可以实现自动获取焦点的。

难点在于el-input的结构是input标签外面增加了一层el-input_wrapper。所以一般情况，给他设置autofocus属性是不会成功的。

 

【解决方案】

1.给el-input设置ref属性

 

2.将input设置成响应式数据

 

3.直接调用方法

 

参考博客

https://blog.csdn.net/weixin_43938535/article/details/129811895

posted @   RookieCoderAdu  阅读(1652)  评论(0)  编辑  收藏  举报
相关博文：
·  将Edge改成IE模式
·  解决IE下contenteditable无效的问题
·  快速解决element的autofocus失效问题
·  vue3 打开页面input框自动获得焦点
·  el-input聚焦失效Autofocus processing was blocked because a document already has a focused element.
阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· winform 绘制太阳，地球，月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 上周热点回顾（3.3-3.9）
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
点击右上角即可分享
微信分享提示
AI IDE Trae