没有多余的前奏直接上代码:
-
html:
<div id="qrcode"></div>
-
js:
export default { data(){ return{ http: '', } }, created(){ this.http = 'https://h5.dingtalk.com/open-market/skuDetail.html?dd_share=false&showmenu=false&goodsCode=DD_GOODS-101001045015&articleCode=DD_GOODS-101001045015&bizCode=isv&funnelsource=isv_app_yunzichan&corpId=' + this.userInfo.corpId this.openCode() }, methods:{ qrcode () { let qrcode = new QRCode("qrcode", { width: 200, // 二维码宽度,单位像素 height: 200, // 二维码高度,单位像素 correctLevel: 3, text: this.http // 生成二维码的内容 }); }, openCode(){ this.$nextTick(() => { this.qrcode(); }) }, } }
-
注意:correctLevel: 3,这句一定要加,为了防止二维码内容过长,导致不能生成二维码并且报错;