el-input 动态获焦

场景：

新增分组后，焦点设置到新增的分组上面

文档：

https://cn.vuejs.org/guide/reusability/custom-directives.html#when-to-use

实现：

设置自定义指令：由于el-input最外层不是input，需要查找input元素设置焦点

const vFocus = {
  mounted: (el) => {
    console.log('el: ', el)
    nextTick(() => {
      // el.focus()
      el.querySelector('input').focus()
    })
    // return el.focus()
  }
}

在需要获焦的元素添加：v-focus

 <el-input  v-focus v-model="group.groupName" class="group-input" :disabled="group.defaultGroup"
                        @change="handleGroupNameChange" />