技术栈

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地址漂移与检测(实验:二层环路+网络攻击)
相关推荐
daols88
3 分钟前
vue 甘特图 vxe-gantt table 连接线的用法详解
vue.js·甘特图·vxe-table
Liu.774
5 分钟前
vue3组件之间传输数据
前端·javascript·vue.js
|晴 天|
5 分钟前
前端闭包:从概念到实战,解锁JavaScript高级技能
开发语言·前端·javascript
开发者小天
7 分钟前
react的拖拽组件库dnd-kit
前端·react.js·前端框架
用户444554365426
16 分钟前
在Android开发中阅读源码的指导思路
前端
用户5427784851540
19 分钟前
ESM 模块(ECMAScript Module)详解
前端
全栈前端老曹
34 分钟前
【ReactNative】核心组件与 JSX 语法
前端·javascript·react native·react.js·跨平台·jsx·移动端开发
用户5427784851540
41 分钟前
JavaScript 闭包详解:由浅入深掌握作用域与内存管理的艺术
前端
小小黑007
41 分钟前
快手小程序-实现插屏广告的功能
前端·javascript·小程序
用户5427784851540
42 分钟前
闭包在 Vue 项目中的应用
前端
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03Linux下V2Ray安装配置指南04安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)05在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)06RedissonClient的配置解析07BongoCat - 跨平台键盘猫动画工具08jdk21下载、安装(Windows、Linux、macOS)09Open-AutoGLM Windows 安装部署教程10Labelme从安装到标注:零基础完整指南