添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
重情义的八宝粥  ·  JSON schema form does ...·  2 周前    · 
刚毅的围巾  ·  Instance created by ...·  1 周前    · 
会开车的香菇  ·  Training: Health Care ...·  1 周前    · 
沉着的沙滩裤  ·  2.2.2 E-Verify Photo ...·  1 周前    · 
坚韧的跑步鞋  ·  Layui ...·  1 周前    · 
聪明的牛肉面  ·  Common error when ...·  2 月前    · 
果断的青椒  ·  使用 Oracle 标签安全性·  3 月前    · 
发呆的皮带  ·  在Spring ...·  9 月前    · 

表单·一定会·包含表单域, 表单域 可以是

  • 输入控件
  • 标签
  • 下拉菜单
  • 文本域等等
    antd 封装了表单域 <Form.item />

注意点
1、如果使用 Form.create 处理表单使其具有自动收集数据并校验的功能,建议使用 jsx 。<.jsx> https://typescript.bootcss.com/jsx.html

  • 我不熟悉jsx语法,所以使用 template 方式使用form

2、如果不是使用 Vue.use(Form) 形式注册的 Form 组件,你需要自行在 main.js 文件中将 $form 挂载到 Vue 原型上。 Vue.prototype.$form = Form

3. 使用

<template>
  <a-form :form="form">
    <a-form-item label="Note">
      <a-input 
      v-decorator="['note', { rules: [{ required: true, message: 'Please input your note!' }] }]"
    </a-form-item>
  </a-form>
</template>

4.apis 释义

1. :form=“form”

动态数据绑定,这个没啥说的,但是这里需要注意的data中的form的创建形式

  • 直接指定一个Object对象{}
  • 使用Form.create来创建
    • jsx方式 自己不熟悉,不用
    • template 方式使用。

我们先来说第二种,官方用的最多,上代码

///.....vue 实例
  data() {
    return {
      form: this.$form.createForm(this, { name: 'coordinated' }),
//...
- form -官方文档

formForm.create() 包装过的组件会自带 this.form 属性,如果使用 template 语法,可以使用 this.$form.createForm(this, options) 类型是 object 默认参数 无

- form -我的理解