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 |