技术栈

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地址漂移与检测(实验:二层环路+网络攻击)
相关推荐
Joyee691
1 分钟前
RN 的初版架构——UI 布局与绘制
前端·react native
会点法律的程序员
3 分钟前
小程序 地理位置授权怎么搞
前端·小程序·uni-app
牛头马面
5 分钟前
手把手教你在 Taro 小程序中用 axios 替代 Taro.request:@tarojs/plugin-http 配置与拦截器封装
前端
我不爱你了
10 分钟前
用 Python + Vue3 打造超炫酷音乐播放器:网易云歌单爬取 + Three.js 波形可视化
前端
Joyee691
10 分钟前
React native 设计初衷
前端
重生之我是菜鸡程序员
11 分钟前
uniapp 顶部通知 上滑隐藏
前端·javascript·uni-app
PCC
27 分钟前
语音控制的太空射击游戏开发笔记
前端
FliPPeDround
28 分钟前
告别 uni-app 启动烦恼:@uni-helper/unh 让开发流程更顺畅
前端·微信小程序·uni-app
东华帝君
32 分钟前
ref 和 reactive的区别
前端
joykit
1 小时前
threejs 四元数
前端
热门推荐
01BongoCat - 跨平台键盘猫动画工具02两千字总结:Codex 国内如何安装和使用的教程,以及如何设置中文回答03智能库存管理的需求预测模型:从业务痛点到落地代码的完整实践04GitHub 镜像站点05UV安装并设置国内源06Linux下V2Ray安装配置指南07GitLab 零基础入门指南:从安装到项目管理全流程082025羊城杯网络安全大赛 wp09Cursor Plan Mode:AI 终于知道先想后做了10Spring Boot 实现微信登录,So Easy !