npm i qrcodejs2
import QRCode from 'qrcodejs2'
<template><div id="qrcode" ref="qrcode"></div></template><script>import QRCode from 'qrcodejs2' // 引入qrcodeexport default {name: "qrcode",methods: {qrcode() {let qrcode = new QRCode('qrcode', {width: 132,height: 132,text: '', // 需要二维码跳转的地址colorDark : "#000", //前景色colorLight : "rgba(0,0,0,0)", //背景色})},},mounted () {this.qrcode();},}</script><style scoped>#qrcode{width: 100px;height: 100px;}</style>
qrcode.clear() //清除二维码 qrcode.makeCode(url) //生成另一个新的二维码
如果觉得《vue 网页生成二维码 微信扫一扫在手机打开页面》对你有帮助,请点赞、收藏,并留下你的观点哦!