1,导入第三方插件
npm install --save qrcode
2,在页面上引入
import QRCode from 'qrcodejs2'
<div id="qrcode">二维码位置</div>

methods: {
    qrcode () {
      let qrcode = new QRCode('qrcode', {
        width: 100,
        height: 100, // 高度
        text: '56663159' // 二维码内容
        // render: 'canvas' // 设置渲染方式(有两种方式 table和canvas,默认是canvas)
        // background: '#f0f'
        // foreground: '#ff0'
      })
      console.log(qrcode)
    }
  },

mounted () {
    this.qrcode()
  }

 

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐