第一步：安装vue-qr依赖

npm install vue-qr --save-dev

第二步：引入组件

import vueQr from "vue-qr";

第三步：注册组件

components: {
    vueQr
},

第四步：使用组件

<vue-qr text="路径" :size="173"></vue-qr>

属性：

属性 说明
text 编码的内容
correctLevel 容错级别 0-3
size 尺寸, 长宽一致, 包含外边距
margin 二维码图像的外边距, 默认 20px
colorDark 实点的颜色
colorLight 空白区的颜色
components 组件
bgSrc 嵌入的背景图地址
gifBgSrc 嵌入的背景图 gif 地址,设置后普通的背景图将失效。设置此选项会影响性能
backgroundColor 背景色
backgroundDimming  叠加在背景图上的颜色, 在解码有难度的时有一定帮助
logoSrc 嵌入至二维码中心的 LOGO 地址
logoScale 用于计算 LOGO 大小的值, 过大将导致解码失败
logoMargin LOGO 标识周围的空白边框, 默认为0
logoBackgroundColor Logo 背景色,需要设置 logo margin
logoCornerRadius LOGO 标识及其边框的圆角半径, 默认为0
whiteMargin 若设为 true, 背景图外将绘制白色边框
dotScale 数据区域点缩小比例,默认为1
autoColor  若为 true, 背景图的主要颜色将作为实点的颜色, 即 colorDark,默认 true
binarize 若为 true, 图像将被二值化处理, 未指定阈值则使用默认值
binarizeThreshold 二值化处理的阈值
callback 生成的二维码 Data URI 可以在回调中取得,第一个参数为二维码 data URL, 第二个参数为 props 传过来的 qid(因为二维码生成是异步的,所以加个 id 用于排序)
bindElement 指定是否需要自动将生成的二维码绑定到HTML上, 默认是true

# vue.js # javascript # ecmascript
GitHub 加速计划 / vu / vue
109
18
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架，具有简洁的语法和丰富的组件库，可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支：3 个月前 )
9e887079 [skip ci] 1 年前
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 1 年前
Logo
AtomGit开源社区

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念，把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起，为开发者提供从开发、训练到部署的一站式体验。

更多推荐

cover

AtomGit 11 月：新一代 AtomGit 平台正式上线！

avatar AtomGit开源社区

从开题到定稿都有人带，8 款论文写作工具真实体验：效率提升不止 3 倍

覆盖从选题 → 文献 → 大纲 → 写作 → 引用 → 降 AI → 定稿的完整链路。靠对工具的合理组合，“一篇论文的写作路径”可以被拆分成清晰的步骤，效率能提升非常明显。它的特点不是“写得快”，而是“让论文更像论文”——属于。适用：文献解析、综述、学术表达、引用补全、降 AI。特别适合同学说你“逻辑跳跃大”“论证不足”的情况。属于那种“不让论文更长，而是让论文更专业”的工具。并附“数据可获取性”

avatar AtomGit开源社区

【实战教程】手把手教你用AI搞定毕业论文：从DeepSeek搭框架，到沁言学术“填肉”

本文提出了一套AI论文写作SOP工具链，推荐结合使用DeepSeek和沁言学术两个工具。首先利用DeepSeek强大的结构化思维生成逻辑严密的论文框架，再通过沁言学术基于真实文献进行内容填充。这种方法既能保证论文逻辑性，又能避免AI编造数据和文献的问题。具体操作分为两个阶段：1)用DeepSeek设计三级目录；2)用沁言学术基于上传的参考文献进行定向写作，确保每句话都有出处。这种组合方式既发挥了通

avatar AtomGit开源社区