element-ui el-form中的el-input自定义自动获取焦点

el-input自定义自动获取焦点

        <el-form-item prop="username">
            <el-input
              v-model.trim="form.username"
              v-focus
              style="margin-top: 20px"
              type="text"
              placeholder="请输入用户名"
              auto-complete="off"
            >
              <vab-icon slot="prefix" :icon="['fas', 'user-alt']"></vab-icon>
            </el-input>
          </el-form-item>

    export default {
    
    
    username: 'xxx',
    //使用自定义指令让input获取焦点
    directives: {
    
    
      //注册一个局部的自定义指令 v-focus
      focus: {
    
    
        inserted(el) {
    
    
          el.querySelector('input').focus()
        },
      },
    },