Vue生成二维码_vue视频软件怎么生成二维码
2023-06-13 09:14:51 时间
1.在vue中安装qrcodejs2
npm install --save qrcodejs2
2.在项目中引用qrcodejs2
import QRcode from 'qrcodejs2'
3.使用到项目中
<view id="qrCode" res="qrCodeDiv"></view >
methods:{
bindQRcode(){
new QRcode(this.$refs.qrCodeDiv,{
text:"https://www.baidu.com",
width:200,
height:200,
colorDark: "#333333", //二维码颜色
colorLight: "#ffffff", //二维码背景色
correctLevel: QRcode.CorrectLevel.L//容错率,L/M/H
})
}
}
mountion:{
setTimeout(() => { this.bindQRCode(); }, 100)
}
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/186245.html原文链接:https://javaforall.cn
相关文章
- electron+vue从0到1实现一个桌面端日期时间倒计时软件实践(持续更新)
- 如何查看Vue项目vue的版本号
- Vue单项数据绑定绑定原理简单实现
- VUE 如何将父组件中的数据传递到子组件中
- html使用vue axios,使用 Vue和axios
- 能不能手写Vue响应式?前端面试进阶
- vue.js 渲染函数_Vue.js的不可渲染且可扩展的RTF编辑器[通俗易懂]
- Vue响应式依赖收集原理分析-vue高级必备
- Vue 源码泄露
- vue子组件怎么调用父组件的方法「建议收藏」
- Vue调试工具安装(vue devtools)
- Vue项目:菜农管理 【maven + spring boot + RESTFul + SSM+vue + axios】
- Vue双向绑定原理解析,理解发布订阅难点问题!
- vue.js客服系统实时聊天项目开发(九)热门常问关键词展示
- 「.vue文件的编译」5. 模板编译之基于AST的代码生成
- Vue CLI
- Vue中ref和$refs的介绍及使用
- vue入门篇之Vue.js 组件
- 开心档-软件开发入门之Vue.js Ajax(vue-resource)
- Vue快速连接Redis实现数据存储(vue 直连redis)
- Vue实时监测Redis变化(vue监控redis变化)
- 优化网站性能,Vue搭配Redis缓存更加有效(vue使用redis缓存)
- Vue搭配Redis做针对性取值(vue redis取值)
- Oracle Vue网站助力网站创新,让你的网站飞起来(oracle vue网站)
- Oracle与Vue官网联合宣传前瞻技术,轻松开发(oracle vue官网)