vue-qrious

vue-qrious

a vue component of generating qrcode with qrious

Notice

Since qrious has been split into multiple modules from 4.0.0 (https://github.com/neocotic/qrious/issues/53), so if your are using es module with webpack or rollup, remember to add an alias/replacement-plugin from module qrious to node-qrious on node/server environment.

Or you can manually choosing files in vue-qrious/dist folder as following.

• vue-qrious.browser.js
• vue-qrious.browser.min.js
• vue-qrious.js
• vue-qrious.min.js

Demo

https://JounQin.github.io/vue-qrious/

Usage

<qrious value="https://blog.1stg.me/"/>

Available Props

prop	type	default value
background	string (CSS color)	"#ffffff"
backgroundAlpha	number (0.1-1.0)	1.0
foreground	string (CSS color)	"#000000"
foregroundAlpha	number (0.1-1.0)	1.0
level	string ("L", "M", "Q", "H")	"L"
mime	string ("image/png", "image/jpeg")	"image/png"
padding	number	null
size	number	100
value	string