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

相关推荐
前端之虎陈随易1 小时前
2年没用Nodejs了,Bun很香
linux·前端·javascript·vue.js·typescript
前端 贾公子6 小时前
解决浏览器端 globalThis is not defined 报错
前端·javascript·vue.js
JianZhen✓8 小时前
2026前端高频面试题总结(Vue/JS/网络/Webpack/性能优化/手写)
前端·javascript·vue.js
贫民窟的勇敢爷们8 小时前
Spring Boot+Vue电商系统开发实战:架构设计与核心实现
vue.js·spring boot·后端
李白的天不白8 小时前
webpack 与 vue-loader 版本冲突问题
前端·vue.js·webpack
你真的快乐吗1 天前
@fuxishi/svg-icon:一个 Vue 3 svg本地图标+iconify图标组件库,让图标管理不再头疼
前端·vue.js·typescript
吴声子夜歌1 天前
Vue3——脚手架Vite
前端·javascript·vue.js·vite
rADu REME1 天前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
被考核重击1 天前
Vue响应式原理(下)
前端·javascript·vue.js
前端摸鱼匠2 天前
Vue 3 的v-bind合并行为:讲解v-bind与普通属性合并的规则
前端·javascript·vue.js·前端框架·ecmascript