vue中使用QRcode

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

ZhangSWu

14540人浏览 · 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) 
 
   }

 
  created(){ 
 
  this. 
  qrcode(); 
 
   },

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^