el-input 验证必须为数字且最大为100

  <el-input
                v-model="ruleForm.name9"
                :disabled="isDisabledAll"
                @input="maxChange(arguments[0],100)"
                @change="maxChange(arguments[0],100)"
              ></el-input>

maxChange(val,maxNum){
this.ruleForm.name9=Number(val)
this.$nextTick(()=>{
//比较输入的值和最大值,返回小的
let num=Math.min(Number(val),maxNum)
if(num<0){
this.ruleForm.name9=0
}else{
this.ruleForm.name9=num
}
})
},

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • var regexEnum = { intege : "^-?[1-9]\\d*$", // 整数 intege1...
    a_foo阅读 1,299评论 0 4
  • 1.JS书写的位置强调: 1.最常用 内嵌JS --- 学习期间用 ...
    桑葚_1194阅读 232评论 0 0
  • Vue Vue是一个前端js框架,由尤雨溪开发,是个人项目 Vue近几年来特别的受关注,三年前的时候angular...
    hcySam阅读 332评论 0 0
  • 看到网上很多关于Vue的尺子组件,有一些上传到npm官网的,但是使用并不方便,支持的定制化也不够用,抽空写了一个,...
    Jeff_Kitty阅读 4,399评论 0 2
  • 我是黑夜里大雨纷飞的人啊 1 “又到一年六月,有人笑有人哭,有人欢乐有人忧愁,有人惊喜有人失落,有的觉得收获满满有...
    陌忘宇阅读 8,872评论 28 54

友情链接更多精彩内容