应用配置序号为1~10的正整数

src/views/yqrange/range-setting.vue

@@ -41,7 +41,7 @@
         </el-table-column>
         <el-table-column label="序号" width="200">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.seqNo" style="width:60px;" size="small" placeholder="序号"/>
+            <el-input v-model="scope.row.seqNo" style="width:60px;" size="small" @blur="BlurText($event)" @placeholder="序号"/>
           </template>
         </el-table-column>
       </el-table>
@@ -162,9 +162,19 @@ export default {
 
     cancle(){
       this.$router.go(-1);
-    }
-
+    },
 
+    BlurText(e) {
+      console.log("BlurText() : e = " + e.target.value)
+      let b = new RegExp("^[1-9][0-9]*$").test(e.target.value)
+      if (e.target.value >= 10) {
+        b = false
+      }
+      if (!b) {
+        this.$message.warning('请输入 1~10 的正整数')
+        e.target.value = ''
+      }
+    }
   },
 }
 </script>