一、VUE里安装QRCode.js包

npm i qrcodejs2

二、引入qrcodejs2包

import QRCode from 'qrcodejs2'

具体实现代码片段

<template>
    <div id="qrcode" ref="qrcode"></div>
</template>

<script>
  import QRCode from 'qrcodejs2'  // 引入qrcode
    export default {
        name: "qrcode",
      methods: {
        qrcode() {
          let qrcode = new QRCode('qrcode', {
            width: 132,
            height: 132,
            text: 'https://www.baidu.com', // 需要二维码跳转的地址
            colorDark : "#000000", //前景色
        	colorLight : "", //背景色
          })
        },
      },

      mounted () {
        this.qrcode();
      },
    }
</script>

<style scoped>

  #qrcode{
    width: 100px;
    height: 100px;
  }
</style>

 	qrcode.clear() //清除二维码 
    qrcode.makeCode(url) //生成另一个新的二维码