vue table 中生成图片

vue中使用element中的table生成图片

选择下载vue-qr插件

npm install vue-qr --save

引用

// vue2.0
import VueQr from 'vue-qr'
 
// vue3.0 (support vite)
import vueQr from 'vue-qr/src/packages/vue-qr.vue'


然后注册
components: {
  vueqr: vueQr
},

使用
 

<template slot-scope="scope">
    <vueqr :size="40" :margin="0" :text="scope.row.device.qrcode" ></vueqr>
</template>
// size是二维码大小  margin 设置二维码的白边