el-input的自动获取焦点

el-input的自动获取焦点可以通过Vue提供的自定义指令来实现。可以在el-input标签上使用v-focus指令，如下所示：

<el-input v-focus></el-input>

然后，在Vue的指令定义中注册一个局部的自定义指令v-focus，并在inserted钩子函数中使用querySelector方法来获取el-input内部的input元素，并调用focus方法进行聚焦操作。具体代码如下：

directives: {
v-focus: {
inserted: function (el) {
el.querySelector('input').focus();
}
}
}

通过这样的方式，el-input在页面渲染后，会自动获取焦点。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue 中使用 el-input 自动获取焦点和二次获取焦点问题](https://blog.csdn.net/qq_40523572/article/details/83583302)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [Vue 中使用input和el-input自动获取焦点的问题](https://blog.csdn.net/mygalssheart/article/details/103080625)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]