求大佬指点哈!elementui里如何为动态表格添加数字最大规则

项目中需要用到动态表格(一行三列),但是需要对这三列做验证,其中有一列需要用到el-input-number,本来这个控件有最大限制参数max,但是需求觉得体验不好,输入大于最大限制数,会自动改为最大限制数,希望可以不自动改变,而是给与提示,由用户手动修改,代码如下:
:rules="[
{required:true,message:'数量不能为空',trigger:'blur'},
{max:3,message:'数量最大为999'},
]"
>
如上办法行不通,可能是因为控件把数据转换为数字类型了,而max是对字符校验的,所以不管输入几位数字都会报错,于是我又换了一种方式(如果我能得到准确的数字,可以通过代码动态验证):
{max:3,message:'数量最大为999'}换成{validator:validateNumber},
methods:{
validateNumber(rule,value,callback){
debugger
},
}
如此也有问题:validateNumber的value参数得到的永远是1(默认值),不论如何修改Number,
最终将el-input-number控件换成el-input才行,可能还是由于数据类型的关系。
怎么才能使用el-input-number而且能给出(数字最大)验证提示呢?
沧海一幻觉
浏览 310回答 2
2回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript