VUE传递字符串显示二维码

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.效果

相关推荐
涔溪6 分钟前
有哪些常见的 Vue 错误?
前端·javascript·vue.js
程序猿online14 分钟前
前端jquery 实现文本框输入出现自动补全提示功能
前端·javascript·jquery
2401_897579651 小时前
ChatGPT接入苹果全家桶:开启智能新时代
前端·chatgpt
DoraBigHead1 小时前
JavaScript 执行上下文:一场代码背后的权谋与博弈
前端
Narutolxy2 小时前
从传统桌面应用到现代Web前端开发:技术对比与高效迁移指南20250122
前端
摆烂式编程2 小时前
node.js 07.npm下包慢的问题与nrm的使用
前端·npm·node.js
VillanelleS2 小时前
React进阶之高阶组件HOC、react hooks、自定义hooks
前端·react.js·前端框架
亦黑迷失2 小时前
vue 项目优化之函数式组件
前端·vue.js·性能优化
计算机-秋大田3 小时前
基于SpringBoot的高校教师科研的设计与实现(源码+SQL脚本+LW+部署讲解等)
java·vue.js·spring boot·后端·课程设计
东锋1.33 小时前
npm命令与yarn命令的区别
前端·npm·node.js