在vue項目中引用element-ui時 讓el-input 獲取焦點的方法

// 注冊一個全局自定義指令 `v-focus`
  Vue.directive('focus', function (el) {
    el.focus()
  })

這樣使我們在組件中可以自用的調用v-focus方法，給他綁定定義布爾變量來控制元素是否獲得焦點
但是這里要注意的是組件<el-input>本身在頁面中渲染成了一個div元素
所以我們要在<el-input>被綁定為v-focus的同時
在自定義指令中獲取組件下通過querySelector()方法獲取input元素

<el-input 
  v-model.trim="searchFor" 
  @blur="blurSearchFor"
  v-focus="blurFocus">
</el-input>

Vue.directive('focus', function (el) {
  el.querySelector('input').focus()
})

原文地址：https://segmentfault.com/a/1190000014164763