VUE 生成带Logo 的二维码

最新推荐文章于 2025-05-21 13:26:26 发布

洛一一珞

最新推荐文章于 2025-05-21 13:26:26 发布

阅读量4.7k

点赞数 2

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/dongjing0813/article/details/93208955

本文介绍了如何在Vue项目中生成带有Logo的二维码，通过命令行下载相关工具，结合详细步骤，实现个性化二维码的创建。

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

原文：

输入命令行下载

npm install vue_qrcodes

<template> 
    <div> 
     <qrcode :url="data.url" :iconurl="data.icon" :wid="200" :hei="200" :imgwid="53" :imghei="53"></qrcode>
    </div>
</template> 
<script>
import qrcode from 'vue_qrcodes'
export default {
  name: 'qrcode',
  components:{
      qrcode
  },
  data(){
    return{
       data:{
          url:"https://cn.vuejs.org/",
	  icon:"https://cn.vuejs.org/images/logo.png",
       }
    }
  }
}
</script>