全局注册

Vue.directive('focus', {
  inserted: function (el) {
    el.focus()
  }
})

局部注册

directives: {
  focus: {
    inserted: function (el) {
      el.focus()
    }
  }
}

使用

<input v-if="isShow" v-focus="isShow" type="text" >

注意

1. 必须使用v-if显示隐藏
2. 必须使用 input 标签
   参考

转载于:https://www.jianshu.com/p/8b08b2ef75d6