在vue3中简单实现生成二维码

1.安装依赖

yarn add qrcode@1 @chenfengyuan/vue-qrcode@2或者 npm i qrcode@1 @chenfengyuan/vue-qrcode@2

2.在main.js注册该组件

import { createApp } from 'vue'; import VueQrcode from '@chenfengyuan/vue-qrcode'; const app = createApp({}); app.component(VueQrcode.name, VueQrcode);

3.在页面使用

<vue-qrcode value="Hello, World!" :options="{ width: 200 }"></vue-qrcode>

options的配置选项具体参见官方github仓库地址：github.com/fengyuanche…