vue-cli項目生成二維碼功能使用QRCode

*此處本來是圖片然后簡書不允許放二維碼我就給刪了用法如下*

1安裝.npm install --save qrcodejs2

2，在頁面上引入

1.  import QRCode from 'qrcodejs2'  


1.  <div id="qrcode">二維碼生成的位置</div>  

1.  methods: {  
2.      qrcode () {  
3.          let qrcode = new QRCode('qrcode', {  
4.          width: 100,  
5.          height: 100, // 高度  [圖片上傳失敗...(image-9ad77b-1525851843730)]
6.          text: '588888888' // 二維碼內容  
7.          // render: 'canvas' // 設置渲染方式（有兩種方式 table和canvas，默認是canvas）  
8.          // background: '#f0f'  
9.           // foreground: '#ff0'  
10.      })  
11.          console.log(qrcode)  
12.    }  
13.  },  



1.  mounted () {  //調用
2.    this.qrcode()  
3.  }