vue element-ui里的input自动聚焦失败的解决方法

<input v-model="payMoney" type="number" v-focus/>

directives: {
  // 注册一个局部的自定义指令 v-focus
    focus: {
      // 指令的定义
      inserted: function (el) {
        // 聚焦元素
        el.querySelector('input').focus()
      }
    }
  }
  但是有一个问题,该方法只有在第一次进去的时候自动聚焦
  解决二次进去之后也可以自动聚焦
 <el-input placeholder="付款码" v-model="barCode" ref="getFocus"></el-input>

this.$nextTick( () =>{
     this.$refs.getFocus.focus()
})

你可能感兴趣的:(vue,element-ui)