|  |  |  | 
|---|
|  |  |  | class="qrcode-dialog" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <div class="qrcode-wrapper"> | 
|---|
|  |  |  | <vue-qrcode :value="form.qrcodeUrl" tag="img" :options="{ width: 180 }" ref="qrcode"> | 
|---|
|  |  |  | <vue-qrcode | 
|---|
|  |  |  | v-if="useQrcode" | 
|---|
|  |  |  | :value="form.qrcodeUrl" | 
|---|
|  |  |  | tag="img" | 
|---|
|  |  |  | :options="{ width: 180 }" | 
|---|
|  |  |  | ref="qrcode" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </vue-qrcode> | 
|---|
|  |  |  | <img v-else :src="form.qrcodeUrl" style="width: 180px; height: 180px" /> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </ProDialog> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | 
|---|
|  |  |  | form: { | 
|---|
|  |  |  | qrcodeUrl: string; | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | useQrcode?: boolean; | 
|---|
|  |  |  | }; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const props = withDefaults(defineProps<Props>(), { | 
|---|
|  |  |  | modelValue: false, | 
|---|
|  |  |  | useQrcode: true, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const emit = defineEmits<{ | 
|---|