技术栈

VUE传递字符串显示二维码

余子桃2024-10-19 23:20

1.安装插件

复制代码
npm install vue-qrcode

2.使用

复制代码
<script setup lang="ts">
import { ref } from 'vue'
import VueQrcode from 'vue-qrcode'; 

const qrCodeString = ref('abc');
</script>

 <vue-qrcode :value="qrCodeString" :size="150"></vue-qrcode>

3.效果

上一篇:设计模式--工厂模式
下一篇:以太网交换安全:MAC地址漂移与检测(实验:二层环路+网络攻击)
相关推荐
烛阴
1 小时前
Mix
前端·webgl
代码续发
1 小时前
前端组件梳理
前端
试图让你心动
2 小时前
原生input添加删除图标类似vue里面移入显示删除[jquery]
前端·vue.js·jquery
_Kayo_
2 小时前
VUE2 学习笔记6 vue数据监测原理
vue.js·笔记·学习
陈不知代码
2 小时前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记
2 小时前
sass中@mixin与 @include
前端·sass
陈琦鹏
2 小时前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数
3 小时前
掌握JavaScript函数封装与作用域
前端·javascript
行板Andante
3 小时前
前端设计中如何在鼠标悬浮时同步修改块内样式
前端
Carlos_sam
4 小时前
Opnelayers:ol-wind之Field 类属性和方法详解
前端·javascript
热门推荐
01Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code02全球最强模型Grok4,国内已可免费使用!(附教程)03vue数据变化但页面不变04KGG转MP3工具|非KGM文件|解密音频05扣子开源本地部署教程 丨Coze智能体小白喂饭级指南06干翻 Typora!MilkUp:完全免费的桌面端 Markdown 编辑器!07【2025.7.18】更新vscode后所有.vue文件template标签后报红的临时解决办法,Vue - Official 插件3.0.2导致08ChatGPT Agent 完全使用指南:2025年7月最新功能详解09Claude Code用不了?来试下Qwen3-Coder加持的Qwen Code吧10《魔兽世界》提示lua警告的含义及解决方法