继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Element el-input 手动触发 focus

ABOUTYOU
关注TA
已关注
手记 477
粉丝 67
获赞 359

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



作者:小董君
链接:https://www.jianshu.com/p/34e170094446


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP

相关阅读

文章