vue3.0 简易上传附件 组件封装

html部分，使用的iview的样式

slot中可以在父组件中插入想展示的内容
子组件A

<template>
    <div>
        <div class="ivu-upload">
            <label>
                <input type="file" class="ivu-upload-input" multiple v-on:change="chooseFiles">
                <span class="ivu-btn ivu-btn-primary" style="line-height:27px;">上传附件</span>
            </label>
        </div>
        <slot></slot>
    </div>
</template>

子组件A 需要  从父组件传递的值

1. format 限制附件的格式，比如pdf,png,jpg等
2. maxSize 单个附件的大小 这里设置的是kb
3. multiple 是否多选
4. filedList 从父组件传递的数据 

props:{
                // 限制附件格式
            format:{
                type:Array,
                default:() =>['pdf