0

我现在需要获取antd表格中的form数据,获取不到,请帮忙看看谢谢,代码如下:
这里面alert弹出的内容是空的json,我需要获取提交的数据怎么处理,谢谢!

<template>
    <div style="width: 90%">
        <a-card title="填写测试项" >
            <a-form :form="form">
                <a-table
                        :columns="columns"
                        :dataSource="data"
                        :pagination="false"
                        bordered
                >
                </a-table>
            </a-form>
        </a-card>
        <a-button @click="handleSubmit" type="primary" :loading="loading">提交</a-button>
    </div>
</template>

<script type="text/jsx">

  import AFormItem from 'ant-design-vue/es/form/FormItem'
  const formItemLayout = {
    labelCol: { span: 6 },
    wrapperCol: { span: 18 }
  }

   const data = [
    {
      id: 1,
      syyq: '实验要求1',
      zxz: '1',
      jg: '请输入实验结果',
      pd: '合格,不合格,不适用'
    },
    {
      id: 2,
      syyq: '实验要求2',
      zxz: '2',
      jg: '请输入实验结果2',
      pd: '合格,不合格,不适用'
    },
    {
      id: 3,
      syyq: '实验要求3',
      zxz: '3',
      jg: '请输入实验结果3',
      pd: '合格,不合格,不适用'
    }
  ]
  export default {
    name: 't8',
    components: {AFormItem},
    data () {
      return {
        data: data,
        form: this.$form.createForm(this),
        formItemLayout: formItemLayout,
        columns: [
          {
            title: '实验要求',
            dataIndex: 'syyq',
            align: 'center'
          },
          {
            title: '准许值',
            dataIndex: 'zxz',
            align: 'center'
          },
          {
            title: '结果',
            dataIndex: 'jg',
            align: 'center',
            customRender: function (text, record, index) {
              return (
                <a-form-item>
                  <a-input placeholder={text} key={text} ref={index}/>
               </a-form-item>);
            }
          },
          {
            title: '判定',
            dataIndex: 'pd',
            align: 'center',
            customRender: function (text, record, index)  {
              return (
                <a-form-item><a-select placeholder="选择操作" style="width:100%" key = {text} >
                  { text.split(',').map(
                      item =>  <a-select-option value="{item}">{item}</a-select-option>
                   )
                  }
                </a-select>
               </a-form-item>
              );
            }
          },
        ]
      }
    },
    methods: {
      handleSubmit () {
        alert(JSON.stringify(this.form.getFieldsValue()))
      }
    }
  }
</script>

<style scoped>

</style>
明翼 0
2019-07-24 提问
0 个回答

撰写答案

推广链接