如图:
一.首先先安装插件qrcode
npm install --save qrcode
二.引入插件
<script>
import QRCode from 'qrcode';
data() {
return {
QRImgUrl: '',
};
},
methods: {
// 链接转换为二维码
getQRcode(linkUrl) {
this.QRImgUrl = '';
const opts = {
errorCorrectionLevel: 'L', // 容错级别
type: 'image/png', // 生成的二维码类型
quality: 0.3, // 二维码质量
margin: 0, // 二维码留白边距
width: 256, // 宽
height: 256, // 高
text: '', // 二维码内容
color: {
dark: '#000000', // 前景色
light: '#fff', // 背景色
},
};
QRCode.toDataURL(linkUrl, opts, (err, url) => {
if (err) throw err;
// 将生成的二维码路径复制给data的QRImgUrl
this.QRImgUrl = url;
});
},
}
</script>