自动校验

作者: smartHui | 来源:发表于2019-05-22 19:52 被阅读0次

1、了解其他组件实现的原理

双向绑定:data + rule <=> form视图

影响: data可能会被多个组件使用,所以表单中修改,也会影响其他组件。

表单提交成功后,还会进行处理。所以会备份一份数据(深度拷贝),再同步给data

2、ant不是采用双向绑定的方法,而是把form作为一个黑盒,data仅作为初始值。data发生变化了,如果需要同步,则可以使用form提供的API去实现。

v-decorator: 仅仅是一个标志位。在遍历form-item时,有v-decorator标记的input,对value值进行拦截。

https://github.com/vueComponent/ant-design-vue/blob/master/components/_util/FormDecoratorDirective.js

注意:initialValue的值,仅会初始化一次。如果后面需要去改变,都需要使用form.setFieldsValue去改变

value对应就是{fieldA: "hello world",fieldB: "ff"}

如果想去更改当前组件的data值,可以使用Object.assign()方法。

相关文章

  • struts-5:校验(validate)

    1、校验的方式 a、自动校验:通过xml文件进行校验:xml文件的命名是"要校验的action+-validati...

  • 自动校验

    1、了解其他组件实现的原理 双向绑定:data + rule <=> form视图 影响: data可能会被多个组...

  • 接口测试自动校验技术总结【乐搏TestPRO】

    一般来说,测试用例包含两部分:1) 测试步骤,2) 结果校验。测试结果的自动化校验(即oracle自动化)是软件测...

  • 接口测试自动校验技术总结

    一般来说,测试用例包含两部分:1) 测试步骤,2) 结果校验。测试结果的自动化校验(即oracle自动化)是软件测...

  • 2020-06-17 面试

    登陆校验 三列布局,高度自动撑开 高度自动撑: float:left 配合 padding-bottom:9999...

  • 6.0动态权限校验

    lu_permission23 6.0动态权限校验 仿qq,微信权限提示方式 危险权限动态校验6.0系统以下自动忽...

  • vscode 自动 eslint 校验

    在对 Element-UI 二次开发之前,先配置了 vscode 的 eslint 校验,走了一些弯路,这里记录一...

  • python操作MySQL

    背景: 在做python自动化时,结果断言很重要,相较数据固定校验(数据维护比较复杂),我们更期望实现动态的校验数...

  • ModelSerializer

    1、基于model自动生成字段2、自动生成校验3、create update简单的默认实现 外键默认映射为Prim...

  • Spring Boot统一异常处理以及参数校验

    参数自动校验 一般情况我们前端向后端传递参数都是2种方式JSON或者表单提交 因此本文分别讲述JSON提交参数校验...

网友评论

    本文标题:自动校验

    本文链接:https://www.haomeiwen.com/subject/npnuzqtx.html