Vue 二维码组件

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项目地址

相关推荐
leoZ2318 小时前
Claude 驱动的全栈开发:Spring Boot + Vue 的 BS 架构实践
vue.js·spring boot·架构
荒诞英雄11 小时前
从 17MB Vendor 大包到按需加载:Vite 多入口 Vue 组件库首屏优化实践
vue.js·vite
jsonbro11 小时前
手把手带你实现发布订阅模式
前端·vue.js·设计模式
Cobyte13 小时前
23.Vue Vapor 组件 attrs 的实现
前端·javascript·vue.js
斯特凡今天也很帅14 小时前
xml页面可以打开,不报错,但是显示数据的地方也不显示,我是怎么解决的
xml·vue.js
柯克七七16 小时前
给老项目加了 TypeScript,本来只想自己爽,结果全公司代码审查标准被我抬高了
前端·vue.js·typescript
自然 醒18 小时前
前端如何实现在线预览office常见文件功能?
前端·vue.js
肉肉不吃 肉18 小时前
前端调试跨域如何解决
前端·vue.js
卓怡学长18 小时前
w268基于springboot + vue 物流系统
java·数据库·vue.js·spring boot·spring·intellij-idea
2601_9628517419 小时前
计算机毕业设计之基于SSM的网络安全课程资源分享平台
vue.js·算法·安全·web安全·yolo·目标检测·课程设计