vue动态生成带有logo的二维码

最新推荐文章于 2024-06-14 13:39:12 发布

xyphf_和派孔明

最新推荐文章于 2024-06-14 13:39:12 发布

阅读量505

点赞数 1

分类专栏：数据处理

本文链接：https://blog.youkuaiyun.com/xyphf/article/details/107664944

版权

数据处理专栏收录该内容

56 篇文章

订阅专栏

本文介绍了一个Vue二维码生成组件的使用方法，通过npm安装并引入到项目中，可以在模板中使用<qrcode>标签生成带有logo的二维码，指定URL、图标、宽度、高度等属性。

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

https://www.npmjs.com/package/vue-qrcode

cnpm install --save 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>

转www.cnblogs.com/lipengze/p/11543451.html