UNPKG

qrcode.vue

Version:

A Vue.js component to generate QRCode. Both support Vue 2 and Vue 3

112 lines (73 loc) 2.18 kB
## [3.5.0] - 2024-09-26 ### Feature - Support logo image for Qrcode. - Exports separate `QrcodeCanvas` and `QrcodeSvg` components Direct references to `QrcodeVue` in common.js and cdn now require the `default` field: ```js const QrcodeVue = require('qrcode.vue').default const { default: QrcodeVue, QrcodeCanvas, QrcodeSvg } = require('qrcode.vue') ``` ```html <!--With HTML--> <div id="root"> <p class="flex space-x"> <qrcode-vue :value="test" render-as="svg"></qrcode-vue> <qrcode-canvas :value="test"></qrcode-canvas> <qrcode-svg :value="test" :image-settings="imageSettings"></qrcode-svg> </p> <p><input v-model="test" /></p> </div> <script src="https://cdn.jsdelivr.net/npm/vue@3.5/dist/vue.global.prod.js"></script> <script src="https://cdn.jsdelivr.net/npm/qrcode.vue@3.5/dist/qrcode.vue.browser.min.js"></script> <script> Vue.createApp({ data() { return { test: 'Hello World', imageSettings: { src: 'https://avatars.githubusercontent.com/u/15811268', width: 30, height: 30, excavate: true, }, }}, components: { QrcodeVue: QrcodeVue.default, QrcodeCanvas: QrcodeVue.QrcodeCanvas, QrcodeSvg: QrcodeVue.QrcodeSvg, }, }).mount('#root') </script> ``` ## [3.4.1] - 2023-08-05 ### BUGFIX - Fixed TypeScript type export error. ## [3.4.0] - 2023-04-15 ### Performance - remove `qr.js` dependency, use `nayuki/QR-Code-generator` instead. ## [3.3.1] - 2021-09-11 ### BUGFIX - Fix document description error, adjust `renderAs` to `render-as`. ## [3.2.0] - 2020-12-20 ### Feature - support typescript. ## [3.1.0] - 2020-12-20 ### Feature - Add support margin for QRcode. ## [3.0.0] - 2020-12-20 ### Feature - Support Vue 3 ## [1.7.0] - 2019-11-10 ### Feature - Support generate Qrcode as svg. ## [1.6.3] - 2019-09-16 ### Update - Perfect documentation. - Add eslint check. ## [1.6.2] - 2019-05-21 ### Remove: - `backingStorePixelRatio` is deprecated. more infomation [CanvasRenderingContext2D](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D). ## [1.6.0] - 2018-04-14 ### Changed - Use Vue render function, not use jsx. ### Bugfixs - convert utf-16 to utf-8.