美文网首页让前端飞
Element el-input 手动触发 focus

Element el-input 手动触发 focus

作者: 董懂同学 | 来源:发表于2018-08-22 16:58 被阅读2次

    最近项目中在做评论的时候,需要自动滚动到评论框,并且让评论框自动聚焦,这就需要手动触发输入框的 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。

    相关文章

      网友评论

        本文标题:Element el-input 手动触发 focus

        本文链接:https://www.haomeiwen.com/subject/uhuyiftx.html