vue_qrcodes

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

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
vue_qrcodes
1.1.35 years ago5 years agoMinified + gzip package size for vue_qrcodes in KB

Readme

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 |