uni-app 中 引入weapp-qrcode.js,渲染出二维码
①插件下载 地址 ,然后放在一个文件中,(可以在根目录中新建utils文件夹,把下载的js放进去)
②在页面中引入: let qrcode = require("…/…/utils/weapp-qrcode.js");
③ 使用
js 代码
let params = this.url; // 二维码参数
var imgData = qrcode.drawImg(params, {
typeNumber: 4, // 密度
errorCorrectLevel: 'L', // 纠错等级
size: 800, // 白色边框
})
this.qrcodeURL = imgData
url: "",
qrcodeURL: ""
html 代码
<div class="qrcode_img">
<image :src="qrcodeURL" mode="aspectFit"></image>
</div>
css代码
.qrcode_img {
width: 100px;
height: 100px;
display: flex;
justify-content: center;
margin: 0 auto;
image {
width: 100px;
height: 100px;
}
}