参考: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', { 132, height: 132, text: 'https://www.baidu.com', // 二维码地址 }) }, } } </script>