标签加上ref实例名称
<el-input ref="input" v-model="input" placeholder="请输入搜索内容" />
获取焦点
this.$nextTick(() => { this.$refs.input.focus() })
失去焦点
this.$nextTick(() => { this.$refs.input.blur() })
实现效果
【UI】 elementui input输入框自动获取失去焦点
2024-04-12
508
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
【UI】 elementui input输入框自动获取失去焦点
目录
相关文章
|
3月前
|
JavaScript
前端开发
Vue实现Element UI框架的自定义输入框或下拉框在输入时对列表选项进行过滤，以及右键列表选项弹出菜单进行删除
本文介绍了如何在Vue框架结合Element UI库实现自定义输入框或下拉框，在输入时对列表选项进行过滤，并支持右键点击列表选项弹出菜单进行删除的功能。
75
0
0
|
4月前
|
JavaScript
|
4月前
|
JavaScript
element-ui 在vue中el-input输入框的autofocus属性失效【解决方案】
element-ui 在vue中el-input输入框的autofocus属性失效【解决方案】
240
1
1
|
4月前
|
4月前
|
4月前
|
前端开发
|
4月前
|
数据安全/隐私保护
|
4月前
|
4月前
|
4月前
element UI实现输入建议下拉列表 —— el-select filterable可筛选的下拉列表 or 带输入建议的输入框 el-autocomplete ？
element UI实现输入建议下拉列表 —— el-select filterable可筛选的下拉列表 or 带输入建议的输入框 el-autocomplete ？
228
0
0
热门文章
最新文章
1
国内主流在用的10大后台UI框架，私活必备
2
UGUI防止穿透和判断点击的是否是UI
3
Android UI学习 - Linear Layout, RelativeLayout
4
Windows Phone 及 Metro UI 设计讨论
5
element ui el-pagination重载数据时分页不更新
6
Android UI开发第八篇——ViewFlipper 左右滑动效果
7
敏捷开发一千零一问系列之二十三： UI设计怎么做到敏捷呢？（兼谈对UI热的理解）（下）
8
Android官方开发文档Training系列课程中文版：多样屏幕之实现自适应UI
9
iOS开发UI篇—IOS开发中Xcode的一些使用技巧
10
iOS开发UI篇—UIWindow简单介绍
1
UI开发第四篇——实现像handcent sms或者chomp sms那样的气泡
40
2
如何使用公网地址远程访问内网Nacos UI界面查看注册服务
373
3
Android UI底层绘制原理
51
4
【Flutter前端技术开发专栏】Flutter中的动态UI构建与数据驱动视图
177
5
【Flutter 前端技术开发专栏】Flutter 中的 UI 测试与自动化测试
210
6
【Flutter前端技术开发专栏】Flutter中的高级UI组件应用
153
7
学会Web UI框架--Bootstrap，快速搭建出漂亮的前端界面
152
8
前端CSS样式零基础教学总结，UI、前端开发都适用
84
9
前端框架(Vue.js&&vue-cli项目框架&&element-ui使用)
53
10
ui设计_入门ai、ps
68