Vue-qr 使用QRCode插件,生成二維碼

vue-qr

npm

npm install vue-qr --savevue

直接使用

<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:解析出來的字符串npm

相關文章
相關標籤/搜索