链接生成二维码(vue-qriously)

一、安装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” 可以使二维码背景透明。