Vue-qr 使用QRCode插件，生成二维码

vue-qr

npm

npm install vue-qr --save

直接使用

<vue-qr :logoSrc="imageUrl" text="xxx" :size="200"></vue-qr>
<script>
  import vueQr from 'vue-qr'
  export default {
    name: "qecode",
    data() {
      return {
        imageUrl: require("../assets/logo.png"),
      }
    },
    components: {
      vueQr
    },
    },
  }
</script>
复制代码

imageUrl:中间小图片的地址 size:二维码大小 text:解析出来的字符串