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() // 选中文字 } }},