1. 下载uQrCode.js
下载地址:https://download.csdn.net/download/qq812457115/86705979
2. 把JS放到项目中、引入使用
<template>
<view>
<canvas canvas-id="qrcode" style="width:200px;height:200px;"/>
</view>
</template>
<script>
import uQrCode from "@/utils/uQrCode.js"
export default {
onLoad() {
this.init()
},
methods: {
init(){
uQrCode.make({
canvasId: 'qrcode',
componentInstance: this,
text: "https://www.baidu.com",
size: 200,
margin: 0,
backgroundColor: '#ffffff',
foregroundColor: '#000000',
fileType: 'jpg',
errorCorrectLevel: uQrCode.errorCorrectLevel.H,
success: res => {}
})
}
}
}
</script>
属性 | 备注 |
---|---|
canvasId | 对应canvas 标签的canvas-id |
componentInstance | 当前组件的上下文 |
text | 要生成二维码的内容 |
size | 二维码大小 |
margin | 二维码外边距(画布大小不变,二维码向内收缩) |
backgroundColor | 二维码背景色 |
foregroundColor | 二维码前景色 |
success(res) | 生成完回调,res:base码 |