通过按钮调用el-upload

    <template v-show="false">      
<el-upload
            ref="uploadRef"
            :accept="accept"
            :limit="limit"
            :show-file-list="false"
            :before-upload="beforeUpload"
            :http-request="uploadFile"
            :on-exceed="handleExceed"
            multiple>
            <template #trigger>
                <el-button type="primary" plain v-if="!props.isButton">{{ props.buttonName }}</el-button>
            </template>
            <el-button class="scissor" @click.stop="captureOpen" v-if="props.capture">截图上传</el-button>
            <span v-if="files.length > 0" class="count">已上传文件数:{{ files.length }}</span>
        </el-upload>
</template>

import type { UploadInstance, UploadProps, UploadRawFile, UploadRequestOptions } from "element-plus";
const uploadRef = ref<UploadInstance>();

	<el-button type="success"  @click="dispatchUploadFile">上传</el-button>

// 激活上传事件
const dispatchUploadFile = () => {
  if (uploadRef.value) {
    uploadRef.value.$el.querySelector(".el-button").click();
  }
};

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值