技术栈

Vue 二维码组件

懒大王、2025-06-24 11:56

1. 安装

javascript 复制代码
npm install vue-qr --save```

2. 使用

javascript 复制代码
<vue-qr
   style="border-radius: 10px"
   :text="qrCodeUrl"
   colorDark="#ce8d5e"
   colorLight="#ffffff"
   :dotScale="0.9"
   :size="300"
   :margin="25"
 ></vue-qr>
import VueQr from "vue-qr";
export default {
  components: {
    VueQr
  },
};

参考链接:

Awesome-qr.js:Awesome-qr.js

vue-qr:vue-qr项目地址

上一篇:AWS EC2使用SSM会话管理器连接
下一篇:Python datetime模块详解
相关推荐
qq_28372005
9 小时前
Python Celery + FastAPI + Vue 全栈异步任务实战
vue.js·python·fastapi
吴声子夜歌
11 小时前
Vue3——Vue实例与数据绑定
前端·javascript·vue.js
一 乐
12 小时前
物流信息管理|基于springboot + vue物流信息管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·物流信息管理系统
孜孜不倦不忘初心
14 小时前
Vue 项目结构与命名规范
vue.js·代码规范
账号已注销free
16 小时前
Vue3项目中给组件命名的方式
vue.js
前端那点事
16 小时前
VueUse 全面指南|Vue3组合式工具集实战
vue.js
前端那点事
16 小时前
Vue3+Pinia实战完整版|从入门到精通,替代Vuex的状态管理首选
vue.js
Devin_chen
17 小时前
Pinia 渐进式学习指南
前端·vue.js
PeterMap
17 小时前
Vue组合式API响应式状态声明:ref与reactive实战解析
前端·vue.js
热门推荐
012026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元02GitHub 镜像站点03一周AI热点速览(2026.03.31-04.06):GPT-6曝光、谷歌开源Gemma 4、资本狂飙与模型军备竞赛04GPT-6核心能力解析及与现有主流大模型对比05基于 Docker 部署 Hermes Agent 并接入飞书机器人的完整指南06零成本!Ollama本地部署国产大模型全指南(支持Kimi-K2.5/GLM-5/Qwen,新手秒上手)07免费!不限量!用opencode接入英伟达(NVIDIA)大模型,轻松打造你的 AI 编程助手08CodeBuddy与WorkBuddy深度对比:腾讯两款AI工具差异及实操指南09从限购到畅通:GLM-5.1 Coding Plan接入攻略10AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析