vue项目,使用qrcodejs2生成二维码
以下代码实现点击的时候通过传递URL来生成二维码,url可以是图片,文字,连接地址等如果是一次性生成,在mounted中调用即可如果是弹框类型,每次打开需要根据不同url重新生成的,需要在关闭弹框的时候先删除上一个二维码下载命令:npm i qrcodejs2 -S代码示例:// DOM<div id="expCode" ref="expCodeRef"></div>//
·
-
以下代码实现点击的时候通过传递URL来生成二维码,url可以是图片,文字,连接地址等
-
如果是一次性生成,在mounted中调用即可
-
如果是弹框类型,每次打开需要根据不同url重新生成的,需要在关闭弹框的时候先删除上一个二维码
下载命令:
npm i qrcodejs2 -S
代码示例:
// DOM
<div id="expCode" ref="expCodeRef"></div>
// 引入
import QRCODE from "qrcodejs2"
// 生成二维码,
createQrcode(url,id){
new QRCODE(id,{
text:url,
width:200,
height:200
})
}
// 清空二维码,避免生成多个二维码
delQrcode({
this.$refs.exCodeRef.innerHTML = ""
})
// 点击时调用
exCode(){
this.dialogExpCode = true
// 加个延时处理,这边是实现点击的时候打开弹框,生成二维码
setTimeout(()=>{
this.createQrcode("体验二维码"," expCode")
},100)
}
更多推荐
已为社区贡献6条内容
所有评论(0)