• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

uniapp 微信小程序 生成二维码

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

使用 tki-qrcode组件 生成二维码(https://www.npmjs.com/package/tki-qrcode)

1、引入 tki-qrcode

下载组件后引入

import tkiQrcode from \'@/components/tki-qrcode/tki-qrcode.vue\'

2、view

<tki-qrcode v-if="ifShow" cid="qrcode" ref="qrcode"  :onval="onval" :size="size"
                                     :background="background" :iconSize="iconsize"
                                     :foreground="foreground" :pdground="pdground" :val="val" :loadMake="loadMake" />

3、data里面的变量

          //二维码  使用变量
                ifShow: true,
                val: tempurl, // 要生成的二维值 可以跳转一个新界面
                size: 400, // 二维码大小
                unit: \'upx\', // 单位
                background: \'#fff\', // 背景色
                foreground: \'#000000\', // 前景色
                pdground: \'#2F4F4F\', // 角标色 
                icon: \'\', // 二维码图标
                iconsize: 40, // 二维码图标大小
                lv: 3, // 二维码容错级别 , 一般不用设置,默认就行
                onval: true, // val值变化时自动重新生成二维码    (一定要注意这个值的设置 刷新二维码使用的)
                loadMake: true, // 组件加载完成后自动生成二维码
                src: \'\', // 二维码生成后的图片地址或base64

4、刷新二维码

tempurl = \'nowtime=\' +_self.getNowTime() ;
_self.val=tempurl;

5、效果(有效期、样式等自己调试):

 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap