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

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

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

<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({         width:300,         height:300,         render:'canvas', //设置渲染方式 table canvas         typeNumber : 4, //计算模式         correctLevel : 0,//容错级别         background : '#ffffff',//背景颜色         foreground : '#000000',//前景颜色         text: 'https://www.baidu.com' //链接     }); </script>

　　

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<!-- 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',{     width: 200, // 设置宽度，单位像素     height: 200, // 设置高度，单位像素     text: 'https://www.baidu.com' // 设置二维码内容或跳转地址    }) } 5.调用：this.qrcode()