解决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()
        })
    },
                

  

posted @   你丫才美工  阅读(5190)  评论(0编辑  收藏  举报
编辑推荐:
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
阅读排行:
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· DeepSeek火爆全网,官网宕机?本地部署一个随便玩「LLM探索」
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 上周热点回顾(1.20-1.26)
· 【译】.NET 升级助手现在支持升级到集中式包管理
点击右上角即可分享
微信分享提示