element-ui 上传图片后清空图片列表

使用element-ui的el-upload上传图片,上传后再打开还是显示原来的图片,element-ui的组件提供了clearFiles的方法,用来清空图片列表,但是直接使用无法生效,具体解决方法如下:

<el-upload
  ref='uploadfiles'
  class="upload-demo"
  action=""
  :on-change="handleChange"
  :file-list="imageList">
</el-upload>
<el-button size="small" type="primary" @click="submit">点击上传</el-button>

在这里有两个配置参数必须填:

• :file-list=“imageList”
• ref=‘uploadfiles’

在需要清空列表的方法中调用以下方法就可以正常清空列表

this.$refs.uploadfiles.clearFiles();