vue生成二维码

安装

npm install --save qrcodejs2

使用

<template>
  <div>
    <div id="qrcode"></div> <!-- 创建一个div，并设置id为qrcode -->
  </div>
</template>
   
<script>
import QRCode from 'qrcodejs2'  // 引入qrcode
export default {
  name : 'code',
  mounted () {
    this.qrcode();
  },
  methods: {
    qrcode() {
      let qrcode = new QRCode('qrcode', {
        width: 150,  
        height: 150,
        text: 'https://www.baidu.com', // 二维码地址
        colorDark : "#000",
        colorLight : "#fff",
      })
    },
  }
}
</script>

问题

换连续在同一个标签上累加生成二维码，需要在下一次生成前需要先清空

document.getElementById('qrcode').innerHTML = ''

网站导航

网站导航