[JavaScript知识库]element-ui 在vue中el-input输入框的autofocus属性失效【解决方案】

问题描述

el-input上添加autofocus并没有自动聚焦的效果

  <el-input autofocus v-model="word" ></el-input>

解决方案

<el-input ref="inputRef" v-model="word"></el-input>

  mounted() {
    // 在input输入框被渲染完毕后再获取焦点
    this.$nextTick(() => {
      // 使用引用的原生DOM对象input的focus方法自动获得焦点
      this.$refs.inputRef.focus();
    });
  },