vue二维码制作
之前要做一个二维码,中间还要加自己公司logo,就基于qrcode.js二维码封装做了一个vue插件。输入命令行下载。 npm install vue_qrcodes引入可直接复制下面代码:<template><div><qrcode url="www.baidu.com" iconurl="htt
·
之前要做一个二维码,中间还要加自己公司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,这样只显示二维码)
github地址:
https://github.com/song776158074/vue-qrcode
npm地址:
更多推荐
已为社区贡献1条内容
所有评论(0)