限制el-form中的el-input只能输入整数或者小数

  • 在el-form-item 动态添加校验规则
 
      
  • 定义校验函数,利用正则匹配
function getCoordinateRules(coord) {
  return [
     { required: true, message: `${coord}坐标不能为空且必须是数字`, trigger: 'blur'},
     { pattern: /^(\d+|\d*\.\d{1,10})$/, message: `${coord}为整数或最多三位小数,trigger:'blur' },
    // Add more validation rules as needed
  ];
}

你可能感兴趣的:(vue.js,elementui,javascript)