1. 首页首页
  2. 编程汇总编程汇总

h5页面如何生成二维码_js 根据内容 生成二维码

编程汇总 • • 阅读 9

h5页面如何生成二维码_js 根据内容 生成二维码uniapp vue 皆可使用 首先去下载 qrcode js 链接 可以在根目录中新建 utils 文件夹 把下载的 js 放进去 1 引入 js 并创建 data 变量 import qrcode from utils qrcode js data return url qrcodeURL methods

uniapp，vue皆可使用

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

1.引入js 并创建data变量

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.页面使用











/pre>
编程小号
上一篇 2025-01-28 17:17
下一篇 2025-02-20 07:21

相关推荐

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/hz/135637.html