Element: upload 组件中请求一个clearFiles()方法调用例子

Created on 27 Feb 2017 · 7Comments · Source: ElemeFE/element

http://element.eleme.io/#/zh-CN/component/upload

ElementUI version

OS/Browers version

Vue version

Reproduction Link

Steps to reproduce

Methods

方法名说明参数
clearFiles 清空已上传的文件列表 —

这个方法如何调用，请求详细一些的文档

What is Expected?

What is actually happening?

Source

xuyingchuan

Most helpful comment

我来提供一个例子吧：

<template>
  <div>
    <el-button @click="clearUploadedImage">重新上传</el-button>
    <el-upload ref="upload"></el-upload>
  </div>
</template>

<script>
export default {
  methods: {
    clearUploadedImage () {
      this.$refs.upload.clearFiles();
    }
  }
}
</script>

JasinYip on 6 Mar 2017

👍33 🎉7 ❤4

All 7 comments

vm.clearFiles() vm指向 upload 组件的实例

baiyaaaaa on 27 Feb 2017

👍1

如果我在自己的父组件< uploader >里面想调用< el-upload >方法呢，现在通过this.$refs.elUploader.clearFiles()好像获取不到子组件< el-upload > 有没有什么好的办法

xuyingchuan on 27 Feb 2017

已解决非常感谢

xuyingchuan on 27 Feb 2017

怎么解决啊?

enjoyZhou on 1 Mar 2017

文档确实写得很不明确，建议补一下文档和例子

JasinYip on 3 Mar 2017

👍4

我来提供一个例子吧：

<template>
  <div>
    <el-button @click="clearUploadedImage">重新上传</el-button>
    <el-upload ref="upload"></el-upload>
  </div>
</template>

<script>
export default {
  methods: {
    clearUploadedImage () {
      this.$refs.upload.clearFiles();
    }
  }
}
</script>

JasinYip on 6 Mar 2017

👍33 🎉7 ❤4

使用 auto-upload = false 禁止自动上传文件后，没有办法调用：
this.$refs.upload.submit()
造成无法触发文件上传。
http://element.eleme.io/#/zh-CN/component/upload
文档中给的点击按钮上传示例是错误的，
上传到服务器
会提示无法绑定 click事件，而且示例没有给出 submitUpload 的定义。