项目中element-ui需要自动聚焦处理方法

方法一：自定义指令

// 自定义聚焦指令
Vue.directive('focus1', {
  // 指令的定义
  inserted: function (el) {
    // 聚焦元素
    el.querySelector('input').focus()
  }
})


//使用方法
<el-input v-focus1 v-model="input" placeholder="请输入内容"></el-input>

方法二：使用 this.$refs.input.focus()

 

<el-input v-model="input" placeholder="请输入内容" ref="input"></el-input>

setTimeout(function(){
   this.$nextTick(() => {
      this.$refs.input.focus()
   }) 
})