使用vform api验证vue js中的图像数据

问题描述

我正在努力使用 vue js 和 vform 验证包含图像的数据。我的问题是，我收到错误 app.js:2137 Uncaught (in promise) TypeError: objectToFormData is not a function。如何纠正这个问题： 在 Vue 中

      saveImageData(){
              var self=this;
              const config = {
                    headers: { 'content-type': 'multipart/form-data' }
                }
                document.getElementById('upload-file').value=[];
                let formData = new FormData();
                formData.append('title',this.form.title);
                formData.append('price',this.form.price);
                for(let i=0;i<this.form.images.length;i++){
                 formData.append('images[]',this.form.images[i]);
                }
            this.form.submit('post','/senddata',{
              // Transform form data to FormData
              transformRequest: [function (formData,headers) {
                return objectToFormData(formData)
              }],

在 app.js 中

    window.Vue = require('vue');
    import { Form,HasError,AlertError } from 'vform'
    import {objectToFormData} from 'object-to-formdata'
    window.Form=Form;
    window.objectToFormData=objectToFormData;

解决方法

如果有人遇到类似的问题，我只是在 app js 和 vue 模板中用序列化替换了 objecttoformdata

import {serialize} from "object-to-formdata";
window.serialize=serialize;