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

相关推荐
前端小巷子几秒前
JS打造“九宫格抽奖”
前端·javascript·面试
潘小安3 分钟前
『译』资深前端开发者如何看待React架构
前端·react.js·面试
李昊哲小课28 分钟前
HTML 完整教程与实践
前端·html
老华带你飞43 分钟前
畅阅读小程序|畅阅读系统|基于java的畅阅读系统小程序设计与实现(源码+数据库+文档)
java·数据库·vue.js·spring boot·小程序·毕设·畅阅读系统小程序
GISer_Jing1 小时前
React 18的createRoot与render全面对比
前端·react.js·前端框架
我叫汪枫1 小时前
React Hooks原理深度解析与高级应用模式
前端·react.js·前端框架
我叫汪枫1 小时前
深入探索React渲染原理与性能优化策略
前端·react.js·性能优化
Ares-Wang1 小时前
Vue3》》eslint Prettier husky
开发语言·javascript·ecmascript
阿智@111 小时前
推荐使用 pnpm 而不是 npm
前端·arcgis·npm
EveryPossible1 小时前
静态箭头连线
开发语言·javascript·ecmascript