利用 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()
}