博客

不废话直接上代码

文章中有用到一个插件wxqrcode.js 放到giteea上面的utils自己拿

wxqrcode.js

<template>
	<view class="content">
		<view id="qrcode" style="">
			<image :src="qr" mode="" style=""></image>
		</view>
	</view>
</template>

<script>
	import Qr from '@/utils/wxqrcode.js'
	export default {
		data() {
			return {
				qr:'http://www.baidu.com'
			}
		},
		onLoad() {
		
		},
		mounted() {
			this.getQr(this.qr);
		},
		methods: {
			// 获取二维码
			getQr(e){
				this.qr = Qr.createQrCodeImg(e)
			},
		}
	}
</script>

<style>
	#qrcode{
		display: flex;
		align-items: center; 
		flex-direction: column;
		margin-top: 40rpx;
	}
	image{
		width: 200rpx;
		height: 200rpx;
	}
</style>