首页 > 其他 > 详细

vue环境中生成二维码

时间:2019-12-15 20:02:19      阅读:77      评论:0      收藏:0      [点我收藏+]

代码如下:

引入qrcode--------npm install qrcode
<template>
    <div>
        <div id=‘code‘></div>
        <canvas id="canvas"></canvas>
    </div>
</template>
<script>
    import Vue from vue
    import QRCode from qrcode
    Vue.use(QRCode)
    export default {
        data() {
            return {
                codes: ‘‘
            }
        },
        methods: {
            useqrcode() {
                var canvas = document.getElementById(canvas)

                QRCode.toCanvas(canvas, http://www.baidu.com, function(error) {
                    if (error) console.error(error)
                    console.log(success!);
                })
            }
        },
        mounted() {
            this.useqrcode();
        }
    }
</script>
<style>
    #canvas {
        width: 200px !important;
        height: 200px !important;
    }
</style>

 

vue环境中生成二维码

原文:https://www.cnblogs.com/hool/p/12045574.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!