vue根据url生成二维码

最新推荐文章于 2025-08-25 14:47:22 发布

原创最新推荐文章于 2025-08-25 14:47:22 发布 · 4.1k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

vue

当前文章被收录于：

vue

23 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种使用JavaScript和qrcodejs2库生成二维码的方法。通过html和js结合，可以轻松地在网页上显示指定链接的二维码，并提供了清除二维码的回调函数。

html部分
<div id="qrcode" ref="qrcode"></div>

js部分
import QRCode from 'qrcodejs2'
// 生成二维码
this.qrcode = new QRCode('qrcode', {
                text: url链接,
                width: 220,
                height: 220
              })

// 如果想要每次关闭的时候把二维码删掉  那么就在关闭的回调中 直接把div中的内容清空即可
 
// 弹窗关闭回调
    closeHandle () {
      document.getElementById('qrcode').innerHTML = ""
    }