Element el-input 手动触发 focus

最近项目中在做评论的时候,需要自动滚动到评论框,并且让评论框自动聚焦,这就需要手动触发输入框的 focus 状态。
原理其实很简单,Element 已经提供了 focus 方法,但是文档并没有写明如何去调用,经过 Google 大法,算是找到了解决办法。

给 el-input 标签 加上 ref 属性

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

利用 ref 获取 el-input 并调用 focus 方法

this.$refs.input.focus();

最后,猛戳这里,查看Demo。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AGI阅读 16,009评论 3 119
  • Element对象对应网页的HTML标签元素。每一个HTML标签元素,在DOM树上都会转化成一个Element节点...
    许先生__阅读 1,860评论 0 2
  • 世界这么大,有多少人曾在我们走走停停的生活中路过,有多少事被我们遗忘在记忆最偏的那个角落。然而,又是否有人曾在你的...
    一只特立的独行猪阅读 526评论 0 0
  • 近期,受了朋友的推荐,用两日时间读完了沈复的《浮生六记》,颇有感想。 一、书名的由来 源自李白诗“...
    往事如风2018阅读 1,000评论 4 14
  • 我对魔兽确实是一点认识都没有,我没有玩过魔兽这个游戏,也没看过相关的小说或者资料。今天基友拉着去看魔兽世界。好吧,...
    vj日常阅读 252评论 0 0