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

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