• Ant Design Vue 通过v-decorator实现数据绑定


            <a-form-item label="切换环境">
              <a-select
                v-decorator="[
                  'env',
                  { rules: [{ required: true, message: '该字段是必填字段' }] }
                ]"
                placeholder="请选择环境"
              >
                <a-select-option value="dev">dev</a-select-option>
                <a-select-option value="test">test</a-select-option>
                <a-select-option value="staging">staging</a-select-option>
              </a-select>
            </a-form-item>
    

    env就是绑定的值

    如何查看 from 中绑定的表单数据?

      data() {
        return {
          form: this.$form.createForm(this, { name: 'coordinated' })
        }
      },
      methods: {
        handleSubmit(e) {
          e.preventDefault()
          this.form.validateFields(async (err, values) => {
            const checkMailParams = { ...values }
            delete checkMailParams.env
            if (!err) {
              const { response } = await CheckMailBox(checkMailParams)
              if (response) {
                this.text = response
              } else {
                this.$message.error(`请求异常`, 2)
              }
            }
          })
        },
    

    必须先对form进行注册 this.$form.createForm(this, { name: 'coordinated' })

    this.form.validateFields 方法就可以获取表单里的值 此时 打印的 values 就是 当前form表单里的全部数据 了

    如果提交表单,不用提交form表单里的全部数据,需要过滤某个值,可以使用

        const checkMailParams = { ...values }
        delete checkMailParams.env
  • 相关阅读:
    Yii2 DetailView小部件
    Yii2 数组助手类arrayHelper
    Yii2 查询构建器 QueryBuilder
    yii2 数据库和ActiveRecord
    Freemake Video Converter视频转换软件下载地址及去广告
    Photoshop独立安装包下载页面
    Photoshop快捷键整理
    json-lib和dom4j实现JSON转XML
    SpringMVC文件上传
    java http 伪造请求头
  • 原文地址:https://www.cnblogs.com/greemmao/p/14212586.html
Copyright © 2020-2023  润新知