vue3.0+qrcodejs2附带二维码下载png格式、画出二维码功能

最新推荐文章于 2025-05-04 14:28:46 发布

Y_余悸

最新推荐文章于 2025-05-04 14:28:46 发布

阅读量749

点赞数

分类专栏： vue qrcodejs2 文章标签： vue js html

本文链接：https://blog.csdn.net/yujis/article/details/118419158

版权

本文介绍了如何在Vue3.0项目中使用qrcodejs2库，详细步骤包括在页面引入js库，编写页面代码，并通过接口绘制二维码，同时提供了二维码的PNG格式下载功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.在页面引入js

import QRCode from "qrcodejs2";

2.页面代码

 <el-dialog title="发起授权" v-model="faqishouquan" width="30%">
	  <!--<canvas id="canvas"></canvas>-->
      <div id="canvas"  ref="ewm_img1"  ></div>
      <p style="word-wrap: break-word;">{
   {
   shouquanurl}}</p>
      <template #footer>
        <div  class="dialog-footer">
          <el-button size="small" type="primary" @click="fuzhilianjie">复制连接</el-button