一、安装vue-qriously
npm i vue-qriously -S
二、全局mian.js中引入
import Vue from 'vue'
import VueQriously from 'vue-qriously'
Vue.use(VueQriously)
三、使用
<template><div><qriously :value="qrData" :size="200" /></div>
</template>
<script>export default {data() {return {qrData: 'https://www.example.com'}}}
</script>
vue-qriously 是一个基于 qrious 的 Vue 组件，用于在 Vue 项目中生成二维码。以下是一些常用的属性和它们的含义：
value：需要生成二维码的内容，可以是文本、链接等。
size：二维码的尺寸大小，以像素为单位。
level：容错级别，指定二维码的容错能力，可选值为 ‘L’、‘M’、‘Q’、‘H’，默认为 ‘L’。
background：二维码的背景颜色，可以是十六进制颜色代码或颜色名称。
foreground：二维码的前景色（图案颜色），可以是十六进制颜色代码或颜色名称。
padding：二维码图案与边框的间距，以像素为单位。
correctLevel：容错级别，类似于 level 属性，但更精细，可选值为 0-3。
option：额外的配置选项，例如 option=“transparent:true” 可以使二维码背景透明。
)
)
