项目中需要用到动态表格(一行三列),但是需要对这三列做验证,其中有一列需要用到el-input-number,本来这个控件有最大限制参数max,但是需求觉得体验不好,输入大于最大限制数,会自动改为最大限制数,希望可以不自动改变,而是给与提示,由用户手动修改,代码如下:如上办法行不通,可能是因为控件把数据转换为数字类型了,而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而且能给出(数字最大)验证提示呢?
2 回答
湖上湖
TA贡献2003条经验 获得超2个赞
所以我不太爱用这些“比基础控件强一点点的控件”,带来的麻烦未必有解决的问题多。我也不知道如何让el-input-number支持你想要的效果,我的建议是,按照el的规范写一个独立控件,或者,直接写一个能满足需求的控件。
添加回答
举报
0/150
提交
取消