vue中使用QRcode

一、cnpm install qrcodejs2 --save二、使用页面 import QRcode form 'qrcodejs2'三、HTML中<div id="qrcode"></div> //生成二维码的位置methods中qrcode() { let qrcode = new QRCode('qrc

ZhangSWu

14628人浏览 · 2018-05-11 14:25:12

ZhangSWu · 2018-05-11 14:25:12 发布

一、cnpm install qrcodejs2 --save

二、使用页面 import QRcode form 'qrcodejs2'

三、HTML中

 <div id="qrcode"></div> //生成二维码的位置

methods中

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