vue中页面上的input框自动获取焦点

这个问题看了网上的一些资料有一定的帮助，但我还是想把我用的方法记录下来。

代码：

<el-input
 v-model="ghStats.authCode"
 ref="gain"
 @keyup.enter="onSubmit"
 autofocus="autofocus" >
</el-input>

this.$nextTick(() => {
        this.$refs.gain.focus()
      },100)

重点是： ref="gain" autofocus="autofocus" ，

你想要光标的地方就把this.$nextTick加到里面，比如弹框，就是打开弹框的时候。

还有一个重点就是：当在element中有一个el-input输入框的时候按回车事件就会刷新页面重新加载，解决办法：有两个输入框的时候再点击回车事件就不会刷新页面了