vue生成二维码组件vue-qr

若为 true, 背景图的主要颜色将作为实点的颜色, 即 colorDark,默认 true。实点的颜色（注意：和colorLight一起设置才有效）空白的颜色（注意：和colorDark一起设置才有效）二维码图像的外边距, 默认 20px。嵌入至二维码中心的 LOGO 地址。二维码，即扫描二维码后跳转的页面。

weixin_43962020

415人浏览 · 2022-09-30 16:05:26

weixin_43962020 · 2022-09-30 16:05:26 发布

一、安装

npm install vue-qr --save

二、导入

三、使用

四、相关属性

text 二维码，即扫描二维码后跳转的页面
size 二维码大小
margin 二维码图像的外边距, 默认 20px
bgSrc 嵌入的背景图地址
logoSrc 嵌入至二维码中心的 LOGO 地址
logoScale 中间图的尺寸
dotScale 二维码的点的大小
colorDark 实点的颜色（注意：和colorLight一起设置才有效）
colorLight 空白的颜色（注意：和colorDark一起设置才有效）
autoColor 若为 true, 背景图的主要颜色将作为实点的颜色, 即 colorDark,默认 true

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^