H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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阻止这一默认行为提交就可以了

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

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址