用户手机号输入框禁止输入字母

src/views/order/list/index.vue

@@ -9,7 +9,7 @@
         <el-input v-model="form.userName" placeholder="请输入用户账户" clearable />
       </el-form-item>
       <el-form-item label="用户手机号:">
-        <el-input-number v-model="form.phone" step-strictly :controls="false" placeholder="请输入用户手机号" />
+        <el-input type="number" v-model.number="form.phone" placeholder="请输入用户手机号" clearable />
       </el-form-item>
       <!-- 流量订单 -->
       <span v-if="form.searchType === '2'">
@@ -54,7 +54,7 @@
       </el-form-item>
       <el-form-item label="下单时间:">
         <el-date-picker v-model="form.listDate" type="datetimerange" start-placeholder="开始日期" end-placeholder="结束日期"
-        format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" :picker-options="pickerOptions" />
+          format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" :picker-options="pickerOptions" />
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" @click="getSearch">搜索</el-button>
@@ -125,8 +125,8 @@
           </template>
         </el-table-column>
       </el-table>
-      <pagination v-show="dialogTotal > 0" :total="dialogTotal" :page.sync="dialogForm.pageNum" :limit.sync="dialogForm.pageSize"
-        @pagination="getDialogList" />
+      <pagination v-show="dialogTotal > 0" :total="dialogTotal" :page.sync="dialogForm.pageNum"
+        :limit.sync="dialogForm.pageSize" @pagination="getDialogList" />
     </el-dialog>
   </div>
 </template>
@@ -365,6 +365,4 @@ export default {
     }
   }
 }
-</script>
-
-<style lang="scss" scoped></style>
+</script>

src/views/user/list/index.vue

@@ -6,7 +6,7 @@
         <el-input v-model="form.userName" placeholder="请输入用户账号" clearable />
       </el-form-item>
       <el-form-item label="用户手机号:">
-        <el-input-number v-model="form.phone" step-strictly :controls="false" placeholder="请输入用户手机号" />
+        <el-input type="number" v-model="form.phone" placeholder="请输入用户手机号" clearable />
       </el-form-item>
       <el-form-item label="注册来源:">
         <el-select v-model="form.registerChannel" placeholder="请选择注册来源" clearable>