el-form用自带rules校验输入为number类型

步骤:
一、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,任何输入都校验不通过。两者结合使用时,发现对数字类型校验通过

你可能感兴趣的:(vue)