首页 > 其他 > 详细

vue design vue form 【form 表单不提交时怎么把表单数据抛出到父组件?】

时间:2020-06-03 17:57:53      阅读:54      评论:0      收藏:0      [点我收藏+]

form 表单不提交时怎么把表单数据抛出到父组件?

onChange(e) {
      this.$nextTick(() => {
        this.form.validateFields((err, values) => {
          if (!err) {
            values = this.valuesTransform(values)
            console.log(values)
            this.$emit(‘changeCallBack‘, values)
          }
        })
      })
    },

表单项监听每一次的change事件。然后抛出。

不用 this.$nextTick (回调函数),则每次抛出的数据都是当前change 前一次的数据

 

<component
              :is="item.componentx"
              :key="index"
              :name="item.name"
              :type="item.type"
              :format="item.format"
              :show-time="item.showTime"
              v-decorator="[
                item.name,
                    {
                        initialValue: initialValueHandle(item),
                        rules: rule && item.rules
                    },
              ]"
              @change="onChange"
              style="width: 100%"
            >
              <a-icon v-if="item.after" slot="addonAfter" type="search" />
            </component>

 

vue design vue form 【form 表单不提交时怎么把表单数据抛出到父组件?】

原文:https://www.cnblogs.com/winyh/p/13039050.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!