element ui表单必填_element-ui Form表单校验小结及踩坑

作者：从前慢现在也慢 | 2024-05-28 17:36:57

踩

el-form 只有输入框里值时,才必填

1、要验证输入只能为数字时

、

方法一

如果使用type=“number”样式这边去掉type=number时自带的属性

/*去除webkit中input的type="number"时出现的上下图标*/input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {-webkit-appearance: none;

}

input[type="number"] {-moz-appearance: textfield;

}

也可以用自带的rules校验，这边就统一提交的时候，校验

其中我们也可以用自带的len属性限制长度，min限制最少长度，max限制最大长度，len优先级大于min、max，

2.整体校验时，可以写方法校验；

3.根据条件判断表单里的某一项动态变化是否必填；

示例如下：

效果如下

踩坑之路：

本打算通过动态判断prop的值来进行动态校验，但是这样*虽然会根据

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/638548