vue3 uses qrcode to generate QR code

Download dependencies

npm version

npm install --save qrcode

yarn version

yarn add qrcode.vue

package.json has the following instructions to complete the installation

Used in the corresponding .vue file

<qrcode-vue :value="qrcode" :size="100" level="H" />

 Quote

import QrcodeVue from 'qrcode.vue';

statement

const qrcode = ref("www.baidu.com")

Effect