el-input自动获取焦点并选中值

elementUI中的输入框 el-input 自动获取焦点并选中输入框里面的值
实现方式：使用自定义指令实现

<el-input type="text" ref="inputName" v-model="name" v-focus></el-input>

directives: {
  focus: {
    inserted: el => {
      //因为el-input这是个组件，input外面被一层 div 包裹着
      //el打印出来是外面这个 div，需要找到内层的input
      el.querySelector('input').focus() // 获取焦点
      el.querySelector('input').select() // 选中文字
    }
  }
},