Javascript Vue.js元素UI和axios文件上载导致页面刷新

Javascript Vue.js元素UI和axios文件上载导致页面刷新,javascript,vue.js,refresh,element-ui,Javascript,Vue.js,Refresh,Element Ui,我正在使用element ui file upload component()处理图像上传的前端。一切正常(文件被发送到服务器等)。然而,由于某种奇怪的原因,在axios的成功响应代码执行后,页面会自动刷新。我尝试过在没有文件的情况下发送相同的post请求,页面不会自动刷新 提交按钮类型被设置为“按钮”,因此在本例中这不是问题所在 axios post请求的代码: base.post('/add/visit/', formData, {headers: {'Authorization' :

我正在使用element ui file upload component()处理图像上传的前端。一切正常(文件被发送到服务器等)。然而,由于某种奇怪的原因,在axios的成功响应代码执行后,页面会自动刷新。我尝试过在没有文件的情况下发送相同的post请求,页面不会自动刷新

提交按钮类型被设置为“按钮”,因此在本例中这不是问题所在

axios post请求的代码:

base.post('/add/visit/', formData,   {headers: {'Authorization' : 'Bearer ' + localStorage.getItem('token') ,'Content-Type': 'multipart/form-data'}})

    .then(response => {
      console.log(response);
      resolve(response)
    })
    .catch(err => {
      console.log(err)
      reject(err)
    })
})

我想知道它是否有表单提交这样的默认行为。如果没有href属性,它将重新加载页面。是否有类似onClick(e)的活动可供点击?然后在处理它的函数中执行e.preventDefault()


元素ui上载可以为您上载文件,则无需刷新页面:

el-upload(:action="formUploadLocation" :data="form" :auto-upload="false" ref="upload" :file-list="list"
          :on-success="handleSucces" :on-error="handleFail"
然后以提交的形式进行上传(仅当:auto upload=false时):


您是否在devtools中检查了网络?您上传文件的状态码是什么?你得到重定向了吗?仔细观察,也许会有帮助这就是我使用的:``然后从数组中提取文件数据,并通过我的axios请求发送,这样上传就不会由element ui处理了。谢谢你的意见。
this.$refs.upload.submit()