步骤:
一、v-model加number后缀

              <el-form-item label="port" prop="thingsboard.port">
                <el-input
                  v-model.number="basicCfgData.port"
                  placeholder="请输入"
                ></el-input>
                <span class="helpTip">端口</span>
              </el-form-item>

二、rules种加type:'number’限制

              port: [
                { type:'number',required: true, trigger: "blur", message: "端口为数字类型" },
              ],

注意,上面两种要同时使用,只写.number,任何类型都能输入。只在rules里写number,任何输入都校验不通过。两者结合使用时,发现对数字类型校验通过

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐