技術標籤：uni-appuni-appvue

uni-app 二維碼生成器

在uni-app開發過程中，這個是我感覺最實用的二維碼生成器原始碼、使用說明傳送帶git

使用心得

呼叫_makeCode()生成二維碼時，常常碰到生成失敗，方法不存在的錯，這是因為元件還沒有載入完成。碰到這種問題時，loadMake 這個屬性就很管用了，元件載入後，會立即生成二維碼展示了。

下面是 我的程式碼。

<tki-qrcode ref="qrcode" :val="model.qrval"  @result="qrR" :size="
 
model.qrsize" :loadMake='true' />

import tkiQrcode from "@/components/tki-qrcode/tki-qrcode.vue"
data() {
			return {
				model: {
					qrval: '',
					qrsize : 200
				}
			}
		},
methods:{
// 二維碼生成工具
			qrR(res) {
				this.src = res
			},
			creatQrcode() {
				this.$refs.qrcode._makeCode
 
();
			},
			showQRcode(){
				this.creatQrcode();
			},
}