首先上传组件中一定要绑定这两个属性： ref,和 :file-list,如果没有ref,即使 用 this.$refs.upload.clearFiles()也不行，因为这时候this.$refs为空对象，绑定完之后可以把this.$refs打印出来看看，如下图： 这时候再用 ...

...

<el-upload class="upload-demo" name="targetFile" ref="upload" :with-credentials="true" :limit="5" :file-list="fileList" :data="myData ...

之前有一篇写的如何同时传递form表单及upload组件文件，如果有多个upload文件该如何传递呢 上代码 html js methods newExp函数是作为一个前后端交互的函数 PHP代码，后台接收 注意 ...

前言： 　　从开始学习Vue到使用element-ui-admin已经有将近快两年的时间了，在之前的开发中使用element-ui上传组件el-upload都是直接使用文件选取后立即选择上传，今天刚好做了一个和之前类似的文件选择上传的需求，不过这次是需要手动点击按钮把文件上传到服务器中进 ...

Element-UI对于文件上传组件的功能点着重于文件传递到后台处理，所以要求action为必填属性。但是如果需要读取本地文件并在前端直接处理，文件就没有必要传递到后台，比如在本地打开一个JSON文件，利用JSON文件在前端进行动态展示等等。下面就展示一下具体做法：首先定义一个 ...

1.html 2.js ...

1、前台 action 不用改 ：https://jsonplaceholder.typicode.com/posts/ getFile: 获取文件 data(){ return { file: {}, fileList ...