怎麼能用vue實現掃描二維碼跳轉頁面功能

1.　　安裝依賴

npm install vue-qr --save
2.
<template>
  <div>
    <div id="qrcode" ref="qrcode"></div>
  </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 : "yellow", //前景色
        colorLight : "green", //背景色
      })
      // qrcode.clear() //清除二維碼 
      // qrcode.makeCode('http://www.4399.com') //生成另一個新的二維碼
      },
    },
    mounted () {
      this.qrcode();
    },
    }
</script>