如何利用Vue实现图片的二维码生成？

npm install qrcodejs

<template>  <div>    <div ref="qrcode" :style="`width: ${size}px; height: ${size}px`"></div>    @@##@@  </div></template><script>import QRCode from 'qrcodejs'export default {  props: {    text: {      type: String,      required: true,    },    size: {      type: Number,      default: 200,    },  },  data() {    return {      qrCodeImage: '',    }  },  mounted() {    this.generateQRCode()  },  methods: {    generateQRCode() {      const qrcode = new QRCode(this.$refs.qrcode, {        text: this.text,        width: this.size,        height: this.size,      })      this.qrCodeImage = qrcode.toDataURL()    },  },}</script>

<template>  <div>    <qrcode text="https://example.com" size="300"></qrcode>  </div></template><script>import Qrcode from '@/components/Qrcode.vue'export default {  components: {    Qrcode,  },}</script>