25 lines
607 B
Vue
25 lines
607 B
Vue
|
<script lang="ts" setup>
|
||
|
|
import QRCode from "qrcode";
|
||
|
|
const props = withDefaults(defineProps<{
|
||
|
|
text?: string
|
||
|
|
size?: number
|
||
|
|
}>(), {
|
||
|
|
size: 200
|
||
|
|
});
|
||
|
|
const emit = defineEmits(['update'])
|
||
|
|
const qrcode = ref('');
|
||
|
|
watchEffect(() => {
|
||
|
|
qrcode.value = '';
|
||
|
|
if (props.text) {
|
||
|
|
QRCode.toDataURL(props.text, {
|
||
|
|
width: props.size
|
||
|
|
}, (_error: Error | null | undefined, url: string) => {
|
||
|
|
qrcode.value = url
|
||
|
|
emit('update');
|
||
|
|
});
|
||
|
|
}
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
<template>
|
||
|
|
<el-image v-if="qrcode" :src="qrcode" style="width: 100%;height: 100%;" />
|
||
|
|
</template>
|