uniapp开发小程序之生成二维码，以及调用微信扫一扫

生成二维码：

首先到插件市场下载uQRCode插件：

uQRCode 全端二维码生成插件 支持nvue 支持nodejs服务端 - DCloud 插件市场

然后可以直接使用：

<view class="modeOne">
			<uni-title title1="方式一"></uni-title>
			<view class="reviewed">待审核五人</view>
			<view class="container">
				<view class="qrcode-container">
					<uqrcode ref="uqrcode" canvas-id="qrcode" :value="qrcodeData" :options="{ margin: 10 }"></uqrcode>
				</view>
			</view>
			<view class="bottom">
				<text class="text">劳务工使用微信扫描二维码，即可完成劳务工入场</text>
				<view class="btn">
					<u-button shape="circle" @click="saveQRCode" color="#22bf8e" :plain="true"
						text="下载二维码到手机"></u-button>
				</view>
			</view>
</view>

效果图： 

 

二维码属性讲解：

• value属性为二维码生成对应内容，假设 value="https://uqrcode.cn/doc"，那么扫码之后就会跳转到这个链接，如何要参数可以加到后面，例如：value="https://uqrcode.cn/doc?date=123"
• options属性，类型是Object，二维码配置选项，可配置二维码样式，绘制Logo

二维码保存：

saveQRCode() {
				this.$refs.uqrcode.save({
					success: () => {
						uni.showToast({
							icon: 'success',
							title: '保存成功'
						});
					}
				});
}

调用微信扫一扫

			wxSweep() {
				uni.scanCode({
					success: function(res) {
						console.log(res.result)
					},
					fail: function(res) {
						console.log(res.errMsg)
					}
				})
			}