vue 生成二維碼插件 vue-qrcode

連接地址生成二維碼

安裝

https://www.npmjs.com/package...

npm install --save qrcode.vue

在組件中引入

<template>
    <qrcode-vue :value="'http://wwww.baidu.com'"></qrcode-vue>
</tempalte>
import QrcodeVue from 'qrcode.vue'
...
components:{
    QrcodeVue,
},

屬性詳解

| 屬性名稱    | 說明 |
| version    | 數字（1-40） |
| errorCorrectionLevel | `字符串`('low', 'medium', 'quartile', 'high', 'L', 'M', 'Q', 'H') |
| maskPattern| `number`(0-7) |
| toSJISFunc | function      |
| marign     | number        |
| scale      | number        |
| width      | number        |
| color      | {dark: string; ligth: string |
| type       | string('image/png', 'image/jpeg', 'image/webp' |
| quality    | number(0-1)   |
| value      | string | Array<{ data: string; mode?: string }>