Skip to content

qrcode-upload(二维码上传)

基础用法

示例:二维码上传

代码示例:

使用时二次封装此组件

vue
<template>
<!-- 二维码上传 -->
  <v-qrcode-upload ref="qrcodeUpload" @success="handleSuccess" @remove="handleRemove" />
</template>

<script>
export default {
  methods: {
    /**
     * 打开组件
     */
    open() {
      this.$refs.qrcodeUpload.open();
    },
    /**
     * 处理上传成功
     */
    handleSuccess({ attachId, fileName, size }) {
      this.$emit('success', { id: attachId, name: fileName, size: size });
    },
    /**
     * 处理删除附件
     */
    handleRemove(attachIdList) {
      this.$emit('remove', attachIdList);
    },
  }
}
</script>

事件:

事件名说明参数参数说明
remove附件删除事件ids删除的附件id集合
success上传成功事件attach附件数据

方法:

方法名说明参数参数说明
open打开二维码上传弹窗--