Vue_qrcodes NPM

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>

npm.io

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