欢迎来到电脑知识学习网,专业的电脑知识大全学习平台!

手机版

链接vue生成二维码(vue项目中使用qrcode生成二维码)

网络知识 发布时间:2022-01-09 14:44:32

安装qrcode

npm install qrcode -s

使用

1.在你需要的文件中引入:

链接vue生成二维码(vue项目中使用qrcode生成二维码)(1)

2.定义一个canvas:

链接vue生成二维码(vue项目中使用qrcode生成二维码)(2)

3.定义一个方法:

链接vue生成二维码(vue项目中使用qrcode生成二维码)(3)

useqrcode() {
      let canvas = document.getElementById("canvas");
      QRCode.toCanvas(
        canvas,
        `https://mjuruankai.com/#/article/${this.id}`,
        { toSJISFunc: QRCode.toSJIS },
        function(error) {
          if (error) console.error(error);
          console.log("success!");
        }
      );
    }

4.在某个时期调用,我是在获取文章后:

链接vue生成二维码(vue项目中使用qrcode生成二维码)(4)

责任编辑:电脑知识学习网

网络知识