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