IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor downloadImg to refs

Browse Source
This commit is contained in:
elweyn 2023-03-31 16:01:43 +02:00
parent e5e18288bc
commit bd29624c79
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/QrCode/FigureQrCode.vue
View File

@ -2,9 +2,15 @@
<div class="figure-qr-code">
<div class="qrbox">
<div>
<q-r-canvas :options="options" class="canvas mb-3" id="qrcanvas" />
<q-r-canvas :options="options" class="canvas mb-3" id="qrcanvas" ref="canvas" />
</div>
<a id="download" download="GradidoLinkQRCode.png" href="" @click="downloadImg(this)">
<a
id="download"
ref="download"
download="GradidoLinkQRCode.png"
href=""
@click="downloadImg(this)"
>
{{ $t('download') }}
</a>
</div>
@ -44,9 +50,9 @@ export default {
},
methods: {
downloadImg() {
const canvas = document.getElementById('qrcanvas')
const canvas = this.$refs.canvas.$el
const image = canvas.toDataURL('image/png')
document.getElementById('download').href = image
this.$refs.download.href = image
},
},
}