使用vue-qr插件生成二维码

vue 使用 vue-qr 插件生成二维码并下载

vue-qr 官方 gitee 地址 https://www.npmjs.com/package/vue-qr

安装vue-qr插件

npm install vue-qr --save

引入vue-qr

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

例子

<template>
  <div style="text-align: center;">
    <vue-qr 
      :text="qrUrl"
      :callback="qrCallBack" 
      :size="200"
      :margin="10"
      colorDark