vue 转二维码

vue 转二维码,使用qrcodejs2插件就能解决。

  1. 安装qrcodejs2:
npm install qrcodejs2 --save
  1. 在组件里面引入:
import QRCode from 'qrcodejs2'
  1. 在HTML加入:
  1. 方法:
qrcode () {
  this.$refs.qrcode.innerHTML = '' // 清空之前生成的二维码内容
  let qrcode = new QRCode('qrcode',{
   width: 200, // 设置宽度,单位像素
   height: 200, // 设置高度,单位像素
   text: 'https://www.baidu.com' // 设置二维码内容或跳转地址(完整链接)
  })
}

5.调用:

this.qrcode()

你可能感兴趣的:(vue 转二维码)