Appearance
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 | 打开二维码上传弹窗 | - | - |