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();
},
}