uniapp链接生成二维码

。找了一下午的插件，不是教程太笼统，就是各种报错，最终用的是插件ay-qrcode。

。教程作者写的很详细，附链接 https://ext.dcloud.net.cn/plugin?id=3870

。下载源码解压，复制/components 下的组件至项目根目录的 /components 文件夹下

<view style="margin: 40upx;"><ayQrcode ref="qrcode" :modal="modal_qr" :url="url" @hideQrcode="hideQrcode"                     :height="300" :width="300" /></view>import ayQrcode from "@/components/ay-qrcode/ay-qrcode.vue"export default {components: {ayQrcode,},data() {return {//二维码相关参数modal_qr: false,url: 'https://pixabay.com/images/search/?order=ec', // 要生成的二维码值}},onLoad() {let that = this;that.showQrcode();//一加载生成二维码},methods: {// 展示二维码showQrcode() {let _this = this;this.modal_qr = true;// uni.showLoading()setTimeout(function() {// uni.hideLoading()_this.$refs.qrcode.crtQrCode()}, 50)},//传入组件的方法hideQrcode() {this.modal_qr = false;},}}

。！！！url:传入需要生成二维码的链接。

。二维码不居中

评论里的解决办法是：二维码不居中，二维码在不是750像素手机上不能居中问题找到了，源码里宽高用px单位就行了。

或者自己改样式。

uniapp链接生成二维码相关推荐

dom 生成图片和链接生成二维码
1. dom 生成图片此处使用的是 html2canvas 插件和canvas2image插件 html2canvas 方法的第二个入参还有很多选项可以配置,详情请看这里这里 html 1 < ...
java 根据指定链接生成二维码
需求: 就是需要把一个报告网址链接生成二维码,然后渲染在报告中,扫描二维码的时候能访问到这个报告,效果就达到了 1.首先提前需要添加的maven依赖 <!-- https://mvnreposi ...
链接生成二维码( QRCode )
Vue中链接生成二维码安装插件 sudo npm install qrcodejs2 --save 页面中引入 import QRCode from "qrcodejs2"; c ...
iOS常用功能 - 根据链接生成二维码图片
根据链接生成二维码 1 -(void)generatingTwoDimensionalCode { 2 3 // 创建过滤器 4 CIFilter *filter = [CIFilter filter ...
百万前端之js通过链接生成二维码可以保存下载复制
在前端工作中,会遇到很多邀请好友的需求,这个时候就需要前端对需求进行实现了. 最终效果: 这个是做好以后的成品,根据链接生成二维码,提供保存二维码和复制链接功能,纯前端实现.话不多说直接上代码 htm ...
js前端根据链接生成二维码并转成图片下载
js前端根据链接生成二维码并转成图片下载依赖于jquery.jquery.qrcode.min.js 1.html <div class="qrcode"></ ...
js实现将链接生成二维码，并对生成的二维码转换为图片，右击可保存至本地
在vue项目中,实现将链接生成二维码:可识别跳转,将生成的二维码可转换成图片,并可保存至本地.具体操作步骤如下: 1.安装及引用首先,实现这个功能需要使用QRCode和html2canvas,所以在 ...
Python 二维码的读取与生成：使用链接生成二维码、读取二维码里的链接
Python 二维码的读取与生成演示 ① 使用链接生成二维码 ② 读取二维码里的链接 [ 文章推荐 ] Python 绘制中国地图:使用 pyecharts 最新版本绘制中国地图实例详解,个性化地图定 ...
vue 根据链接生成二维码(功能实现)
今天同事问我一个问题,在vue项目中想要根据一个链接显示对应的二维码该怎么实现. 我前一段时间,有用apicloud项目生成二维码的功能,但是vue版本的没有处理过.百度后找到一个可行的方案: 大神实 ...

uniapp链接生成二维码

uniapp链接生成二维码相关推荐

最新文章

热门文章