1.安裝qrcodejs2插件： cnpm i qrcodejs2 -S
2.組件內(nèi)使用：
import QRCode from 'qrcodejs2'
<template>
????<div?id="qrcode"?ref="qrcode"></div>
??</template>
<script>
??export?default?{
????data(){
??????return{
????????codeUrl:'###########'? ?//生成二維碼的路徑
??????}
????},
????mounted()?{
??????this.$nextTick(()?=>?{
????????this.qrcode(this.codeUrl);
??????});
????},
????methods:?{
???????qrcode(codeUrl)?{
??????????let?qrcode?=?new?QRCode('qrcode',?{
????????????render:?"canvas",?//?渲染方式有table方式和canvas方式
????????????width:?250,?//默認(rèn)寬度
????????????height:?250,?//默認(rèn)高度
????????????text:?codeUrl,?//二維碼內(nèi)容
????????????correctLevel:?QRCode.CorrectLevel.H,?//二維碼糾錯(cuò)級(jí)別（L，M，Q，H）
????????????background:?"#ffffff",?//背景顏色
??????????})
??????}
????}
??}
??</script>
注：1.若需要刷新或關(guān)閉二維碼，可使用：this.$refs.qrcode.innerHTML?=?''
????????2.若二維碼鏈接路徑太長，需降低二維碼的糾錯(cuò)級(jí)別（correctLevel），才能顯示出來
? ? ? ? 3.codeUrl需為string，若為number則直接返回?cái)?shù)字不生成二維碼
