博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue-cli 项目下生成二维码
阅读量:6121 次
发布时间:2019-06-21

本文共 676 字,大约阅读时间需要 2 分钟。

使用 qrcodejs2

首先:

npm install --save qrcodejs2复制代码

然后在需要生成的相关页面:

import QRCode from 'qrcodejs2'      methods:{        // 动态生成二维码	   qrcode () {                 let qrcode = new QRCode('qrcode', {			        width: 200, // 设置宽度,单位像素			        height: 200, // 设置高度,单位像素			        text: 'https://www.baidu.com'   // 设置二维码内容或跳转地址                              })		}  	},	created () {		this.$nextTick(() => {			this.qrcode()		})	}复制代码
html:
复制代码

需要注意的点

在created里面调用的时候,要放在 this.$nextTick 回调函数里面调用,不然会报错误:Error in created hook: "TypeError: Cannot read property 'appendChild' of null"复制代码

转载于:https://juejin.im/post/5c760ab7f265da2da00ebee2

你可能感兴趣的文章
SQL Server表分区详解
查看>>
使用FMDB最新v2.3版本教程
查看>>
SSIS从理论到实战,再到应用(3)----SSIS包的变量,约束,常用容器
查看>>
STM32启动过程--启动文件--分析
查看>>
垂死挣扎还是涅槃重生 -- Delphi XE5 公布会归来感想
查看>>
淘宝的几个架构图
查看>>
Android扩展 - 拍照篇(Camera)
查看>>
JAVA数组的定义及用法
查看>>
充分利用HTML标签元素 – 简单的xtyle前端框架
查看>>
设计模式(十一):FACADE外观模式 -- 结构型模式
查看>>
iOS xcodebuile 自动编译打包ipa
查看>>
程序员眼中的 SQL Server-执行计划教会我如何创建索引?
查看>>
【BZOJ】1624: [Usaco2008 Open] Clear And Present Danger 寻宝之路(floyd)
查看>>
cmake总结
查看>>
数据加密插件
查看>>
linux后台运行程序
查看>>
win7 vs2012/2013 编译boost 1.55
查看>>
IIS7如何显示详细错误信息
查看>>
ViewPager切换动画PageTransformer使用
查看>>
coco2d-x 基于视口的地图设计
查看>>