vue_qrcodes

1.1.3 • Public • Published

qrcode

基于qrcode.js二维码封装的vue组件

Install

npm install vue_qrcodes
or
yarn add vue_qrcodes

Example

[Demo]

<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>

Props

Property Description Type Accepted Values Default
url Values of Qrcode
二维码输入的内容
String - www.baidu.com
iconurl image of Qrcode
二维码中间小图片地址
String - https://cn.vuejs.org/images/logo.png
wid Qrcode width
二维码宽度
Number - 70
hei Qrcode height
二维码高度
Number - 70
colorDark Qrcode color
二维码颜色
String - #000000
colorLight Qrcode background
二维码背景色
String - #ffffff
imgwid Qrcode image width
二维码中间小图片宽度
Number - 30
imghei Qrcode image heigth
二维码中间小图片高度
Number - 30

Readme

Keywords

none

Package Sidebar

Install

npm i vue_qrcodes

Weekly Downloads

258

Version

1.1.3

License

none

Unpacked Size

367 kB

Total Files

15

Last publish

Collaborators

  • sabo-_-