需求
在移动端需要实现点击评论按钮图标后,在下方弹出的输入框可以自动获取到焦点,即虚拟键盘自动唤起,用户可以输入。
遇到问题
最开始使用autofocus传参的形式,但是无法实现目标效果。因为vue不推荐使用dom直接focus(),所以不能像jquery中("#input").focus();
解决方法
在使用了focus指令还未生效的情况下,只好使用了refs。
模板代码:
<input type="text" ref="input">
JS代码
commentEvent() {
this.$refs.input.focus();
},