uniapp，vue皆可使用

首先去下载qrcode.js 链接可以在根目录中新建utils文件夹，把下载的js放进去）

import qrcode from '@/utils/qrcode.js'
data() {return {url: "",qrcodeURL: ""}},methods: {//生成url二维满creatQrCode(){this.url = window.location.href  //获取当前页面链接url// this.url = 'https://stbzmall.oss-cn-guangzhou.aliyuncs.com/apk/youfenqi.apk?      versionId=CAEQDBiBgMD3xI_R2RciIGNiYzQzYmM2NjRiYzQ5MmViMjJkMDU3MmM2MDA3NmM3'let params = this.url; // 二维码参数var imgData = qrcode.drawImg(params, {typeNumber: 4, // 密度errorCorrectLevel: 'L', // 纠错等级size: 800, // 白色边框})this.qrcodeURL = imgData },}

2.页面使用

<view  class="qrcode_img" ><img :src="qrcodeURL" mode="aspectFit"></img>
</view><style>
// 二维码.qrcode_img {width: 200px;height: 200px;display: flex;justify-content: center;margin: 0 auto;img {width: 800px;height: 200px;}}
</style>

H5页面使用js生成二维码相关推荐

运用js生成二维码（工作记录）
工作中需要一个简单的二维码生成功能,此处运用JQuery+jquery.qrcode实现: 需要资源:jquery.js + jquery.qrcode.min.js (网上搜索即可获取) 准备工作 ...
在web页面上快速生成二维码的三种实用方法
转载自:在web页面上快速生成二维码的三种实用方法二维码是桌面和移动端快速分享的高效手段之一,这里介绍两个不错的快速开发二维码的方法,和大家分享一下~~ 方法1:使用极客标签提供的二维码快速生成服务 ...
JS生成二维码(兼容各种浏览器及中文）
本文将介绍如何使用JS生成二维码,兼容各种浏览器及手机端,支持中文. 代码如下: <!DOCTYPE html> <html> <head> <meta ch ...
js生成二维码以及插入图片
js生成二维码以及插入图片先根据qrcode官网demo,不同属性值的变化,二维码的变化效果:https://larsjung.de/jquery-qrcode/latest/demo/ 进入dem ...
JS生成二维码以及点击下载二维码
JS生成二维码效果扫描二维码可访问指定链接或当前网站链接,内容可以自己更改 "复制链接",点击按钮复制当前网站链接如何获取当前网站链接源码 textarea{opacity ...
qrcode.js使用js生成二维码（并下载）的实践
知识点 base64数据形式 Base64是一种用64个字符来表示任意二进制数据的方法. – 廖雪峰官方网站 Base64编码有哪些情景需求? – 知乎案例场景后台生成邀请链接,前端拿到链接之后处 ...
JS生成二维码以及保存页面为图片的解决方案:html2Canvas+file-saver+qrcodejs2的使用心得以及解决图片失真，保存不完整的解决办法
前言最近因为工作需求,需要前端根据后端传过来的链接生成二维码,并且要使用JS保存页面为图片.然后网上搜了很多解决办法.最终都是用h5的canvas进行绘制然后保存为图片.其中,又以html2Canv ...
uniapp weapp-qrcode.js生成二维码，并下载二维码图片
找了很多插件,但是都太复杂,不符合自己的要求找了个最简单的.weapp-qrcode.js ,生成二维码没有问题,但是下载图片获取不到图片路径,自己稍微改造了一下 https://github.co ...
js 生成二维码_js 生成二维码
qrcode.min.js 下载地址: jeromeetienne/jquery-qrcodegithub.com 页面中: <div class="page"> & ...
JS 生成二维码实现（qrcode.js）
qrcode.js源码地址: https://github.com/jeromeetienne/jquery-qrcode 使用页面引入QRCode.js和JQuery.js <script ...

H5页面使用js生成二维码

uniapp，vue皆可使用

首先去下载qrcode.js 链接可以在根目录中新建utils文件夹，把下载的js放进去）

H5页面使用js生成二维码相关推荐

最新文章

热门文章

H5页面使用js生成二维码

uniapp，vue皆可使用

首先去下载qrcode.js 链接 可以在根目录中新建utils文件夹，把下载的js放进去）

H5页面使用js生成二维码相关推荐

最新文章

热门文章

首先去下载qrcode.js 链接可以在根目录中新建utils文件夹，把下载的js放进去）