vue3在表格中生成二维码并展示到前端

首先我在这里使用的vue3,然后使用的二维码生成插件是vue-qr

首先安装vue -qr

安装命令

npm install vue-qr --save

引入命令

// vue2.x  
import VueQr from 'vue-qr'  
// vue3.x  
import vueQr from 'vue-qr/src/packages/vue-qr.vue'

使用

在表格中使用，scope.row.industrialInternetId是把循环列表中的属性值取出来赋给qrCode函数。

最后的成果