定义全局的输入框获取焦点指令vfocus

1、在main.js中添加如下代码

/**
 * 定义全局的输入框获取焦点指令
 */
 Vue.directive('focus', {
  inserted: function (el) {
    el.querySelector('input').focus()
  },

2、在代码中加上v-focus

<el-form-item label="数据源用户名:">
        <el-input v-model.trim="listQuery.username" clearable v-focus></el-input>
      </el-form-item>

效果如下：