form-generator-parser没有el-upload上传成功钩子

须知

  1. 该方法是对解释器的处理,如果是对form-generator表单生成器的el-upload绑定一个on-success事件,详见
  2. v1是修改后的文件,v2是源码demo

修改源码

处理form-generator-parser表单解析器没有el-upload上传成功钩子,导致的无法获取上传路径、通过表单验证。

  1. node_modules/form-gen-parsernode_modules/form-gen-render文件复制到项目目录内form-generator-parser没有el-upload上传成功钩子_第1张图片
  2. 修改Parser.vue文件:(支持on-successbefore-upload等其它事件)
    form-generator-parser没有el-upload上传成功钩子_第2张图片
// 在data里对数据进行拦截
  this.bindUploadSuccess(this.formConf.fields, this.formConf.formModel)
  
 // 为el-upload绑定一个on-success事件,并将返回值返回给表单
    bindUploadSuccess(fields, target) {
      fields.map((item) => {
        if (item.action) {
          item['on-success'] = (res, file, fileList) => {
            this._data[target][item.__vModel__] = fileList
            console.error(this._data[target][item.__vModel__])
          }
        }
      })
    }
  1. 引用parser组件
    form-generator-parser没有el-upload上传成功钩子_第3张图片

你可能感兴趣的:(tips,element-ui,vue.js,javascript,前端)