在nuxt中引入qrcode或者其他依赖包
11/21/2025, 12:10:57 PM
#qrcode#历史文章迁移
qrcode可以用来解析二维码,在平常项目中算是用的频繁。
一、安装依赖包:
npm i qrcode
二、在项目的plugins里创建新的qrcode.js文件:
文件代码如下:
import Vue from "vue"
import QRCode from "qrcode"
Vue.use(QRCode)
三、在nuxt.config.js进行配置:
plugins:[ {src:"~plugins/qrcode", ssr:true} ]
四、使用:
import QRCode from "qrcode"
<canvas id="canvas"></canvas>
let canvas = document.getElementById('canvas');`
`QRCode.toCanvas(canvas, res.result.qrCode, function (error) { ... })
注意:res.result.qrCode是你从后台收到的二维码数据
补充:
其他的依赖包也是类似这样的步骤,iview等组件库下载配置好后,可以全局使用,无需引入。