人员管理-查询输入框添加长度限制

src/views/modules/master/master-user.vue

@@ -9,16 +9,16 @@
     <div class="mod-sys__user">
       <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
         <el-form-item label="用户名">
-          <el-input v-model="dataForm.username" :placeholder="$t('user.username')" clearable></el-input>
+          <el-input v-model="dataForm.username" :placeholder="$t('user.username')" clearable maxlength="10"></el-input>
         </el-form-item>
         <el-form-item label="真实姓名">
-          <el-input v-model="dataForm.realname" placeholder='真实姓名' clearable></el-input>
+          <el-input v-model="dataForm.realname" placeholder='真实姓名' clearable maxlength="10"></el-input>
         </el-form-item>
         <el-form-item label="邮箱">
-          <el-input v-model="dataForm.email" placeholder="邮箱" clearable></el-input>
+          <el-input v-model="dataForm.email" placeholder="邮箱" clearable maxlength="20"></el-input>
         </el-form-item>
         <el-form-item label="手机号">
-          <el-input v-model="dataForm.mobile" placeholder="手机号" clearable></el-input>
+          <el-input v-model="dataForm.mobile" placeholder="手机号" clearable maxlength="11"></el-input>
         </el-form-item>
         <el-form-item>
           <el-button @click="getDataList()">{{ $t('query') }}</el-button>