首先安裝插件

npm install –save qrcode

在頁面中引入

import QRCode from 'qrcodejs2'

在css中

<div id="qrcode">二維碼位置</div>

1.在methods方法中調用

methods: {

? ? ? ?qrcode () {

? ? ? ? ? ? let qrcode = new QRCode('qrcode', {

? ? ? ? ? ? ? ? ?width: 100,

? ? ? ? ? ? ? ? ?height: 100,// 高度

? ? ? ? ? ? ? ? ? text: '56663159' // 二維碼內容

? ? ? ? ? ? ? ? ? ?// render: 'canvas' // 設置渲染方式（有兩種方式 table和canvas，默認是canvas）

? ? ? ? ? ? ? ? ? ?// background: '#f0f'

? ? ? ? ? ? ? ? ? ? // foreground: '#ff0'

? ? ? ? ? ?}) console.log(qrcode)

? ? ? }

},

2. 在mounted中調用

mounted:?function?()?{? ? ? ?

?var?qrcode?=?new?QRCode("qrcode",?{? ? ? ? ? ? ?

? ? ? ? ? ? text:?“222222”,? ? 二維碼內容? ?url填后臺給的鏈接? ? ? ? ?

? ? ? ? ? ? width:?150,?//控制二維碼高度? ? ? ? ? ? ?

? ? ? ? ? ? height:?150,?//控制二維碼寬度? ? ? ? ? ?

? ? ? ? ? ? colorDark:?"#000000",?//控制二維碼前景色? ? ? ? ? ?

? ? ? ? ? ? colorLight:?"#ffffff",?//控制二維碼背景色=? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? correctLevel:?QRCode.CorrectLevel.L?//設置二維碼容錯率? ? ? ?

? ? ? });? ? ?

? },