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

Question

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>

上传按钮

点击上传按钮前

点击上传按钮后

向各位大大求助！！！

Answer 1

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