开发者社区云计算文章正文

【UI】 elementui input输入框自动获取失去焦点

2024-04-12 75

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 【UI】 elementui input输入框自动获取失去焦点

标签加上ref实例名称

<el-input
          ref="input"
          v-model="input"
          placeholder="请输入搜索内容"
 />

获取焦点

this.$nextTick(() => {
        this.$refs.input.focus()
 })

失去焦点

this.$nextTick(() => {
        this.$refs.input.blur()
 })

实现效果

关键词：

UI elementui

UI输入框

fruge365

rp54yl2b5rw2w

JavaScript

VUE element-ui之el-form表单点击按钮自动增加表单（输入框），可新增删除

rp54yl2b5rw2w

1897 0 1

VUE element-ui之el-form表单点击按钮自动增加表单（输入框），可新增删除

fruge365

6天前

【UI】 elementui card 禁用效果

fruge365

18 0 0

fruge365

6天前

【UI】elementui select点击获取label 和 value

fruge365

16 1 1

fruge365

6天前

【UI】 vue2 修改elementui 表格table 为空时暂无数据样式

fruge365

34 1 1

fruge365

6天前

【UI】修改element-ui input输入框placeholder提示信息、占位符的样式

fruge365

88 0 0

阿甘兄

6月前

JavaScript 前端开发开发者

Vue系列教程（18）- 集成UI框架（ElementUI）

阿甘兄

92 1 1

rp54yl2b5rw2w

JavaScript

VUE element-ui之table表格中嵌套输入框，且输入框失焦自动勾选当前行

rp54yl2b5rw2w

1504 0 0

VUE element-ui之table表格中嵌套输入框，且输入框失焦自动勾选当前行

小满zs

JavaScript 前端开发开发者

学习Vue3 第三十一章（了解UI库ElementUI，AntDesigin等）

vue作为一款深受广大群众以及尤大崇拜者的喜欢，特此列出在github上开源的vue优秀的UI组件库供大家参考

小满zs

112 0 0

学习Vue3 第三十一章（了解UI库ElementUI，AntDesigin等）

coypdkduljqgk

element-ui输入框中添加按钮

coypdkduljqgk

627 3 3

3oixkwas4wki6

前端开发

【解决方法】element-ui 中输入框input与下拉选择框没有在一条水平线上

3oixkwas4wki6

578 0 0

【UI】 elementui input输入框自动获取失去焦点

热门文章

最新文章

相关电子书