垃圾站 网站优化 element-ui vue input输入框自动获取焦点聚焦方式

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

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();
上一篇
下一篇
联系我们

联系我们

返回顶部