最近在做vue中项目,有个需求是在你提交信息后把后台返给你的链接生成二维码.

一共使用了两种生成二维码的方法

1.vue-qr

这个是在一进入页面直接生成二维码,具体介绍见文档:;

2.qrcode

这个可以,符合我的要求

tempalte:

script:

引入:

import VueQr from 'qrcode'

组件:

components: { VueQr },

在方法内使用:

var canvas = document.getElementById('canvas')            VueQr.toCanvas(canvas, qrUrl, function (error) {              if (error) console.error(error)               console.log("success")            }) // qrUrl为后台给的链接 // 最后就可以在页面上显示了