后台生成二维码链接返回到前台,前台做个渲染。

1.npm install安装一下插件QrCode

2.引入

import QrCode from 'qrcode'

3.渲染二维码的标签

<canvas id="qrcode-canvas"></canvas>

4.向后台发送请求获取链接并在页面生成二维码

	let vm = this;
    var postData = {
            
    }
    vm.$http.post(baseUrl+'/pay/mergePayOrder/qrCode', qs.stringify(postData))
    	.then(function (res) {
         	var res = res.data;
             if(res.status == 1) {
             	var codeUrl = res.data.codeUrl; //二维码的链接
           		
                var canvas = document.getElementById('qrcode-canvas');//获取渲染二维码的标签
                QrCode.toCanvas(canvas, codeUrl, (error) => {
                	if (error) {
                       console.log(error)
                   	} else {
                        console.log('success')
                                }
                            })
                        }
                    })
                    .catch(function(err) {

                    })
Logo

前往低代码交流专区

更多推荐