介绍

这是一个是基于element-UI的文件上传组件基础上，进行了二次封装，该组件除了可以正常的进行文件上传，还增加了显示文件上传的进度条。

使用方法

由于该组件是基于element-UI的分页组件进行二次封装，所以在使用该组件时请务必安装element-UI（安装方式猛戳这里），另外，该组件进行文件上传的操作采用了axios，所以也必须先安装好axios，安装好上述两个库后，只需将该组件文件夹UploadFile导入到现有项目中即可使用。

使用示例

<template>
  <div id="app">
    <upload-file :url="/test/"/>
  </div>
</template>

<script>
import  UploadFile from './UploadFile'
export default {
  name: 'app',
  components: { Sidebar},
  data() {
    return {
      url,     //文件上传到的目的url
    }
  }
}
</script>

选项

属性	描述	类型	是否必须
url	件上传到的目的url	String	是

1.2 KiB Raw Blame History Unescape Escape

介绍

使用方法

使用示例

选项

效果图

1.2 KiB

Raw Blame History