loadMake="loadMake" :usingComponents="true" @result="qrR" />
<view @click="onClicked">点我</view>
</view>
</template>
<script>
import QrCode from '@/components/tki-qrcode/tki-qrcode.vue'
export default {
data() {
return {
// clientHeight: 0,
val: '121212121221', // 要生成的二维码值
size: 500, // 二维码大小
unit: 'upx', // 单位
background: '#FFFFFF', // 背景色
foreground: '#000000', // 前景色
pdground: '#32dbc6', // 角标色
icon: '', // 二维码图标
iconsize: 40, // 二维码图标大小
lv: 3, // 二维码容错级别 , 一般不用设置,默认就行
onval: true, // val值变化时自动重新生成二维码
loadMake: true, // 组件加载完成后自动生成二维码
src: '', // 二维码生成后的图片地址或base64
// timerId: null,
// interval: 29 * 1000,
};
},
components: {
QrCode
},
onLoad(options) {
this.$refs.qrcode._makeCode();
},
methods: {
onClicked() {
this.$refs.qrcode._makeCode();
},
/*二维码生成回调*/
qrR(res) {
console.log('qrR')
this.src = res
},
}
}
</script>
<style lang="scss">
</style>
2 个回复
xuyujian
这个问题,最后怎么解决的?我也遇到同样的问题了/
g***@tocs.cn - shonve
同样的问题,没人知道什么原因吗