Vue - 生成二维码（qrcodejs2）

npm地址：https://www.npmjs.com/package/qrcodejs2

使用 qrcodejs2 插件生成二维码

1. 安装
   npm install qrcodejs2 --save
2. 使用

   <template>
     <div>
       <!-- 创建一个div，并设置id -->
       <div id="qrcodeImg"></div>
     </div>
   </template>
   <script>
   // 引入qrcode
   import QRCode from "qrcodejs2";
   export default {
     data() {
       return {};
     },
     mounted() {
       // 生成二维码
       this.qrcode();
     },
     methods: {
       qrcode() {
         const qrcode = new QRCode("qrcodeImg", {
           width: 150,
           height: 150,
           text: "http://www.baidu.com", // 二维码内容
           render: "canvas", // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
           colorDark: "#000", // 背景色
           colorLight: "#fff", // 前景色
         });
         console.log(qrcode);
       },
     },
   };
   </script>
    
   <style scoped>
   </style>
   

3. 效果