再用element的form表单提交时参数一直为空,找了半天最后发现是因为在提交表单后有一个还原表单的事件,这个事件写道了提交请求的方法外面,但是因为是ajax异步提交导致请求未完成参数就置空了,再此记录一下:

 // 保存按钮
      handleSave(updateForm){
        var _this= this;
        const set = this.$refs['updateForm'];
        set.validate((valid) => {
          if (valid) {
            updataCondition(_this.updateForm).then(response => {
                if(response.rel){
                    this.$notify({
                      title: '成功',
                      message: '审核成功!',
                      type: 'success',
                      duration:2000
                    });
                    //将表单值初始化
                    this.$refs['updateForm'].resetFields();
                     // 给父页面传递信息,关闭弹窗
                    PubSub.publish('dialogVisible',{flag:"check",refresh:true});
                }else{
                    this.$notify.error({
                      title: '错误',
                      message: '审核失败!',
                      duration:2000
                    });
                    //将表单值初始化
                    this.$refs['updateForm'].resetFields();
                     // 给父页面传递信息,关闭弹窗
                    PubSub.publish('dialogVisible',{flag:"check",refresh:false});
                }
            });
            this.isAuditTime = false;
          } else {
            return false;
          }
        });
        
      },

主要是下面这一句,这一句要写在请求成功或失败中就行了:

 //将表单值初始化
 this.$refs['updateForm'].resetFields();
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45 7 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐