Vue移动端focus()无效的解决方案

需求

在移动端需要实现点击评论按钮图标后，在下方弹出的输入框可以自动获取到焦点，即虚拟键盘自动唤起，用户可以输入。

遇到问题

最开始使用autofocus传参的形式，但是无法实现目标效果。因为vue不推荐使用dom直接focus()，所以不能像jquery中("#input").focus();

解决方法

在使用了focus指令还未生效的情况下，只好使用了refs。
模板代码：

JS代码

commentEvent() {
  this.$refs.input.focus();
},