Advertisement

uniapp用于生成二维码

阅读量:

uniapp二维码生成技术

  • 参考资料
    • 依赖调用
    • 程序代码
      • HTML模块
      • 代码生成(Vue3 hook)
      • 应用方式

参考文档

【博主:ChoneyLove】uniapp中生成二维码及解决微信小程序端问题总结

依赖引入

复制代码
    npm i uqrcodejs
    
    
      
    

代码

html部分

复制代码
    <canvas type="2d" id="qrCode" canvas-id="qrCode" style="width: 72rpx; height: 72rpx;"></canvas>
    
    
      
    

生成代码(vue3 hook)

复制代码
    // 生成二维码
    import UQRCode from 'uqrcodejs';
    import { onShow } from "@dcloudio/uni-app"
    import { nextTick } from 'vue';
    
    export default function useCreateQRCode(type : number = 0, targetName 

全部评论 (0)

还没有任何评论哟~