步骤:
1、安装qrcodejs2插件
npm install qrcodejs2 --save
*注意:这里安装的是qrcodejs2,不是qrcode,否则会报错
2、本页面引入
import QRCode from 'qrcodejs2'
3、页面展示
①:添加html标签
<div id="qrcode" ref="qrcode"></div>
②:配置
const formState = ref({
weixinUrl: 'https://baidu.com', // 替换为自己的地址链接
});
const qrcode = () => {
let qrcode = new QRCode('qrcode', {
width: 120, // 设置宽度,单位像素
height: 120, // 设置高度,单位像素
text: formState.value.weixinUrl, // 设置二维码内容或跳转地址
});
};
③:onMounted里调用
onMounted(() => {
qrcode();
});