先去安装官方的QRcode....一定官网的。

import QRCode from 'qrcode.vue'  // 引入
 qrcode () {
   let qrcode = new QRCode('qrcode', {
     width:  256,
     height:   256, // 高度
     text: 'your content', // 二维码内容
    colorDark:'#000000',
     colorLight:'#FFFFFF',
   })
   console.log(qrcode)
}

 

// 试用  这是改变颜色

生成二维码是要后台给接口,前台直接生成会有问题,什么问题我就不多说了,现在只说用法

getQR(orderUuid, payType) {
  getQR(orderUuid, payType).then(response => {
    this.QRcodeUrl = response.data.result
  })
},

这是调用后台API接口取值的方式

恩  具体需要什么参数看官网API

为什么要这么麻烦的去操作二维码  ,因为二维码是通过41个点组成。。(好像是,忘了)所以不能直接操作样式。

Logo

前往低代码交流专区

更多推荐