vue使用qrcode插件生成二維碼

參考：https://www.jianshu.com/p/d3883e020d99

步驟：

第一步：vue-cli下載插件

cnpm install --save qrcodejs2

第二步：組件中引入插件

<template>
  <div>
    <div id="qrcode"></div> <!-- 創建一個div，並設置id為qrcode -->
  </div>
</template>
   
<script>
import QRCode from 'qrcodejs2'  // 引入qrcode
export default {
  name : 'test',
  mounted () {
    this.qrcode();
  },
  methods: {
    qrcode() {
      let qrcode = new QRCode('qrcode', {
        width: 132,  
        height: 132,
        text: 'https://www.baidu.com', // 二維碼地址
      })
    },
  }
}
</script>