前端生成二维码

如图：

一.首先先安装插件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的QRImgUrlthis.QRImgUrl = url;});},
}
</script>