前端使用 vue-qr 生成二维码

前言

---

前端vue生成二维码的需求

安装vue-qr

npm install vue-qr --save

引用

<template>
    //   size二维码的大小，宽高 px
   //   logoSrc   是生成二维码带logo
     <vue-qr 
          :logoSrc="imageHeadUrl"      
          :text="Top_up_balance"
          :size="300"
        ></vue-qr>
</template>
<script>
import vueQr from "vue-qr";
export default {
  components: {
    vueQr,
  },
  data() {
    return {
      imageHeadUrl: require("../assets/logo.png"),    //必须是require引入，否则不生效，或者报错
     Top_up_balance:"生成二维码的内容"
    };
  },
};
</script>