码迷,mamicode.com
首页 > 其他好文 > 详细

vue 中生成二维码之爬坑之路

时间:2019-04-18 17:11:10      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:canvas   class   https   href   url   package   进入   tar   doc   

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

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

1.vue-qr

这个是在一进入页面直接生成二维码,具体介绍见文档:https://www.npmjs.com/package/vue-qr;

2.qrcode

这个可以,符合我的要求

tempalte:

 <canvas id="canvas" ></canvas>

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为后台给的链接
// 最后就可以在页面上显示了

 

vue 中生成二维码之爬坑之路

标签:canvas   class   https   href   url   package   进入   tar   doc   

原文地址:https://www.cnblogs.com/xiao-hui-hui/p/10730459.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!