之前要做一个二维码,中间还要加自己公司logo,就基于qrcode.js二维码封装做了一个vue插件。

输入命令行下载。 

npm install vue_qrcodes

引入可直接复制下面代码:

<template>
<div>
    <qrcode url="www.baidu.com" iconurl="https://cn.vuejs.org/images/logo.png"></qrcode>
</div>
</template>

<script>
import qrcode from 'vue_qrcodes'
export default {
  name: 'qrcode',
  components:{
      qrcode
  }
}
</script>

效果图:

一些API介绍:(api都有默认值,如果不需要logo,可直接去掉iconurl,这样只显示二维码)

API介绍

github地址:

https://github.com/song776158074/vue-qrcode

npm地址:

https://www.npmjs.com/package/vue_qrcodes

Logo

前往低代码交流专区

更多推荐