qrcodejs2生成二维码

利用 qrcodejs生成二维码

1 安装

npm i qrcodejs2

使用

import QRCode from 'qrcodejs2'
import removeBlur from '@/utils/blur'

const QRCodeDom = ref('')
const input = ref('')
const size = '500'
// 点击生成二维码
const handleClick = e => {
	// 清除二维码方法一
	QRCodeDom.value.innerHTML = ''
	/* eslint-disable no-new */
	new QRCode(QRCodeDom.value, {
		text: input.value, // 页面地址 ,如果页面需要参数传递请注意哈希模式#   或者内容
		width: size, // 二维码宽度 （不支持100%）
		height: size, // 二维码高度 （不支持100%）
		colorDark: '#000', // 二维码颜色
		colorLight: '#fff', // 二维码背景颜色
		correctLevel: QRCode.CorrectLevel.H, // 水平位置
	})
	// el-button 点击后 强制失去焦点
	removeBlur(e)
}

removeBlur

export default e => {
	let target = e.target
	if (target.nodeName === 'SPAN') {
		target = e.target.parentNode
	}
	target.blur()
}