vue用el-upload点击上传按钮,路由被改变导致页面刷新,数据丢失,怎么回事?

vue用el-upload点击上传按钮,路由被改变导致页面刷新,数据丢失,怎么回事?

 <el-upload
  :action="'/dsecp/space/article/uploadFile'"
  :on-success="handleSuccess"
  :file-list="adjunctFilesUrl"
  list-type="picture">
  <button class="dsecp-bt bt-up">上传附件</button>
  <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
</el-upload>

图片描述

上传按钮

图片描述

点击上传按钮前

图片描述

点击上传按钮后

向各位大大求助!!!

回答:

我今天也遇到了这个问题,我问了朋友,其实是我是把el-upload写在el-form里面,会自动提交,只有给el-form,@submit.native.prevent阻止这一默认行为提交就可以了

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注