vue 将地址转换为二维码

安装

npm install qrcodejs2 --save
或者
npm install qrcode2 --save两个工具包都是可以的

引入

<template><div id="qrcode" ref="qrcode"></div>
</template>
<script>import QRCode from 'qrcodejs2'//import QRCode from 'qrcode2'export default {components: {QRCode},methods:{qrcodeScan () {//生成二维码let qrcode = new QRCode('qrcode', {  width: 200,  // 二维码宽度 height: 200, // 二维码高度text: 'https://mp.csdn.net'})  },},mounted() {this.qrcodeScan();    // 注：需在mounted里触发qrcodeScan函数}}
</script>

备注：
在Uncaught Error: code length overflow情况下，创建时添加属性
correctLevel: 3就可以了

vue 将地址转换为二维码相关推荐

将链接地址转换为二维码并且复制
前言:我的需求是讲链接地址转换成二维码,供用户去使用并展示H5端,这里会说到一些小细节,先上代码吧~ 1.html结构 2.生成二维码 3.复制二维码要注意的一点是 : 首先二维码的密度是根据参数的 ...
VUE将网址转换为二维码
一.安装 npm install qrcodejs2 --save 二.引入 import QRCode from 'qrcodejs2'export default {components: {QR ...
vue项目中图片地址生成二维码
前言一.图片地址生成二维码二.使用步骤 1.安装插件 2.执行方法(点击图片之后,弹框显示并且显示二维码) 总结前言 vue中点击图片生成二维码,利用的是qrcode插件,在需要使用的页面中引入 ...
VUE微信H5生成二维码海报保存在本地相册
VUE微信H5生成二维码海报保存在本地相册一.效果二.说明公司需求:宣传海报从后台获取,二维码地址也从后台获得,然后生成一个海报,海报上固定位置放二维码,长按图片可以保存在本地相册(其实前面的需 ...
前端Vue H5生成带二维码的分享海报，实现长按保存到手机相册
前端Vue H5生成带二维码的分享海报,实现长按保存到手机相册前言:关于H5分享海报的需求,经常会遇到,通常就是一个分享的二维码+分享文案,生成一张图片,供用户在手机上长按保存到手机,然后就可以将保 ...
字符串形式的二维码转换为二维码图片
js将二维码字符串转换为二维码图片首先下载qrcode.js插件,地址为: 链接: https://pan.baidu.com/s/1aoBM3Ki5ZAu1fdjpyCbPvg 提取码: csmf ...
vue使用qrcode生成二维码
vue使用qrcode生成二维码 1. 首先安装qrcode插件 npm i qrcode -S 2.引入使用 import QRCode from 'qrcode' 3.生成二维码 <temp ...
vue+qrcodejs2 动态生成二维码并下载
安装依赖 npm install --save qrcodejs2 vue页面引用 <script>import QRCode from 'qrcodejs2'import axios f ...
JS链接转换为二维码
这里用到一个JQ插件 qrcode.js 下载地址https://github.com/jeromeetienne/jquery-qrcode 先引入 <script src="j ...

vue 将地址转换为二维码

vue 将地址转换为二维码相关推荐

最新文章

热门文章