解决element组件input框的autofocus只触发一次
1 | < i class="icon iconfont icon-edit-p" v-if="!editAtlasBool" @click="showInput"></ i >< el-input v-if="editAtlasBool" :placeholder="newAtlasName" ref="atlas-name-input" v-model="atlasName" maxlength="20" @blur="atlasBlur(atlasName)"></ el-input >< i class="icon iconfont icon-edit-p" v-if="!editAtlasBool" @click="showInput"></ i > |
现在的需求是当点击icon图标的时候input框 与span标签切换显示,默认input框显示的时候需要自动获取焦点,首次点击icon是可以的 后面再次切换就不行,原先是在el-input标签上面添加了autofocus属性
可以使用原生的focus事件自动触发
1 2 3 4 5 6 7 | showInput(){ this .editAtlasBool = true this .$nextTick(()=>{ //自动获取焦点 element组件autofocus失效 this .$refs[ 'atlas-name-input' ].$refs.input.focus() }) }, |
代码搬运工
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· DeepSeek火爆全网,官网宕机?本地部署一个随便玩「LLM探索」
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 上周热点回顾(1.20-1.26)
· 【译】.NET 升级助手现在支持升级到集中式包管理