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

相关推荐
我的div丢了肿么办1 小时前
js函数声明和函数表达式的理解
前端·javascript·vue.js
武天1 小时前
一个项目有多个后端地址,每个后端地址的请求拦截器和响应拦截器都不一样,该怎么封装
vue.js
潜心编码2 小时前
基于vue的停车场管理系统
前端·javascript·vue.js
三小河2 小时前
React Vite 中动态批量导入路由
前端·vue.js
拉不动的猪3 小时前
为什么不建议项目里用延时器作为规定时间内的业务操作
前端·javascript·vue.js
jason_yang3 小时前
vue3+element-plus按需自动导入-正确姿势
vue.js·vite·element
泉城老铁3 小时前
vue实现前端excel的导出
前端·vue.js
用户51681661458413 小时前
Lottie动画在前端web、vue、react中使用详解
前端·vue.js
咖啡の猫4 小时前
Vue收集表单数据
前端·javascript·vue.js
知识分享小能手4 小时前
uni-app 入门学习教程,从入门到精通, uni-app常用API的详细语法知识点(上)(5)
前端·javascript·vue.js·学习·微信小程序·小程序·uni-app