vue链接转二维码_vue二维码识别
2023-06-13 09:13:43 时间
安装
npm install qrcodejs2 --save
或者
npm install qrcode2 --save
两个工具包都是可以的
引入
<template>
<div id="qrcode" ref="qrcode"></div>
</template>
<script>
import QRCode from 'qrcodejs2'
//import QRCode from 'qrcode2'
export default {
components: {QRCode},
methods:{
qrcodeScan () {//生成二维码
let qrcode = new QRCode('qrcode', {
width: 200, // 二维码宽度
height: 200, // 二维码高度
text: 'https://mp.csdn.net'
})
},
},
mounted() {
this.qrcodeScan(); // 注:需在mounted里触发qrcodeScan函数
}
}
</script>
备注: 在Uncaught Error: code length overflow情况下,创建时添加属性 correctLevel: 3就可以了
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
相关文章
- Vue 滚动条定位问题
- 尚硅谷Vue课程P30-P35笔记(后台回复 vue 可获得更多笔记!)
- Vue专题 05_详解vue生命周期的每个节点
- [ Vue ] vue 设计原理之响应式系统实现笔记( 二 )
- 如何查看Vue项目vue的版本号
- vue(16)vue-cli创建项目以及项目结构解析[通俗易懂]
- 请简述什么是Vue组件化开发_vue组件化开发
- 【说站】vue实现tab切换的放大镜效果
- vue中怎么解决跨域问题_vue本地访问服务器跨域
- highcharts在vue中使用方法,兼容移动端
- 阿里前端面试问到的vue问题
- vue富文本编辑器tinymce_vue移动端富文本编辑器
- 引入vuejs文件_引入vue文件
- Vue生成二维码_vue通过二维码分享
- vue3 报错解决:找不到模块‘xxx.vue’或其相应的类型声明。(Vue 3 can not find module)
- Vue项目引入百度地图
- 前端三大框架之Vue-day03
- Vue和vue全家桶有什么区别_Vue和vue全家桶有什么区别
- Vue调试工具安装(vue devtools)
- vue实现路由懒加载几种方式
- vue.js客服系统实时聊天项目开发(十八)仿淘宝商品页面点在线客服传递产品卡片
- 字节前端二面高频vue面试题整理_2023-02-24
- Vue结合Redis,加快数据读取速度(vue读取redis)
- Vue如何利用Redis加速应用程序性能(vue如何使用redis)
- 使用Vue从Redis获取数据(vue去redis取数据)
- 构建基于Vue与Redis的高性能缓存系统(VUE redis缓存)
- Oracle Vue网站助力网站创新,让你的网站飞起来(oracle vue网站)
- Oracle与Vue官网联合宣传前瞻技术,轻松开发(oracle vue官网)