element-ui vue input输入框自动获取焦点聚焦

在这里插入图片描述

有时候会遇到要输入框自动获取焦点的情况，解决如下：

方法一：

步骤：

1.在script中写directives,注册一个全局的自定义指定 v-focus

 directives: {
   focus: {
      inserted: function(el) {
        el.querySelector("input").focus();
      }
    }
 },

2.在input框直接使用

<el-input
   ...
  v-focus
>
</el-input>

方法二：

步骤：

1.给输入框设置一个ref

<el-input
  ref="saveTagInput"
 >

2.在需要的时候操作ref获取焦点

this.$refs.saveTagInput.focus();