npm install qrcode --save-dev
在需要的界面引入
import QRCode from "qrcode";
components: { QRCode },
methods:{
setCode() {
let ops = {
text: `XXX`,//暂时没发现有啥用
width: document.body.clientWidth * 0.78,//二维码的宽
height: document.body.clientWidth * 0.78,
margin:0,//设置白边宽度为0,默认是有白边的
};
QRCode.toCanvas(
document.getElementById("code_img"),
'二维码展示的内容',
ops,
function (error) {
if (error) alert(err);
}
);
},
}
dom元素
<canvas id="code_img" class="code_img"></canvas>
注意
一定是写canvas
,而不是普通的标签,如div,不然会一直报错,并且在alert(err)那,一直alert出undefined