将链接生成二维码（js,vue）

插件 qrcode.js   下载地址     https://github.com/jeromeetienne/jquery-qrcode 

<script src="js/jquery.min.js"></script>
    <script src="js/qrcode.js"></script>
    <script src="js/jquery.qrcode.js"></script>



<div class="code"></div>




<script>
     //把链接转换为二维码
    jQuery('.code').qrcode({
        300, 
        height:300, 
        render:'canvas', //设置渲染方式 table canvas 
        typeNumber : 4, //计算模式 
        correctLevel : 0,//容错级别 
        background : '#ffffff',//背景颜色 
        foreground : '#000000',//前景颜色 
        text: 'https://www.baidu.com' //链接
    });
</script>

　　

    <!-- vue把链接转成二维码 -->

    1.安装qrcodejs2插件，   npm install qrcodejs2 --save
    2.在当前项目页引入：     import QRCode from 'qrcodejs2'
    3. 在HTML加入:          <div id="qrcode" ref="qrcode"></div>
    4.方法
    qrcode () {
        let qrcode = new QRCode('qrcode',{
         200, // 设置宽度，单位像素
        height: 200, // 设置高度，单位像素
        text: 'https://www.baidu.com' // 设置二维码内容或跳转地址
       })
    }
    5.调用：this.qrcode()