定制app开发validate和validateField的使用及区别

定制app开发传参及一些具体的直接定制app开发点上边官网连接

定制app开发这里我主要说一下实际项目中的使用

  • validate 会校验表单的整个属性,只要你给这个字段设置上了rule
    1. this.$refs.表单名称.validate(async (valid) => {
    2. if (!valid) {
    3. //检验不通过走这里
    4. return;
    5. }
    6. //校验通过走这里
    7. }

  • validateField   有些时候我们只需要验证表单中的部分字段,其他字段不需要,这时候我们就需要用validateField函数了,注意,这里有几个坑大家别踩了
  • 首先,我们得知道,使用validateField部分校验数组的时候,数组有几位,就会回调几次。当也就是空的时候,表示验证通过,回调返回为“ ”,所以就是,你校验几个规则,就会返回几个结果,如果通过就为“”(空)。
  •  validateField跟validate的区别: 在这两个代码段中已经展示的很清晰了,自己上手跑一跑逻辑就通了 ​​​​​​​
    1. let validateFieldList = [];
    2. this.$refs.loginForm.validateField(
    3. //这里要放数组,数组中写上要校验的字段
    4. ["userName", "password", "mobilePhone"],
    5. async (valid) => {
    6. if (!valid) {
    7. //校验通过走这里,每通过一次,会往这个数组里加一个""
    8. validateFieldList.push(valid);
    9. //因为我这里总共校验了三个字段,所有最终三个字段都校验成功之后,数组中会有三个""
    10. if (
    11. validateFieldList.length == 3 &&
    12. validateFieldList.every((item) => item === "")
    13. ) {
    14. //这里写校验通过的业务逻辑
    15. }
    16. //校验不通过走这里
    17. return;
    18. }
    19. }

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发