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…