vue生成二维码_java如何生成二维码

vue生成二维码_java如何生成二维码目录qrcodejs2vue-qrqrcodejs2下载qrcodejs2cnpmi-Sqrcodejs2使用<template><spanref="qrCodeUrl"></span></template><script>importQRCodefrom"qrcodejs2";exportdefault{data(){return{};},mo

目录

qrcodejs2

vue-qr


qrcodejs2

下载qrcodejs2

cnpm i -S qrcodejs2
只听到从架构师办公室传来架构君的声音:
乡曲无知己,朝端乏亲故。有谁来对上联或下联?

使用

vue生成二维码_java如何生成二维码vue生成二维码_java如何生成二维码

此代码由Java架构师必看网-架构君整理
<template> <span ref="qrCodeUrl"></span> </template> <script> import QRCode from "qrcodejs2"; export default { data() { return {}; }, mounted() { this.creatQrCode(); }, methods: { creatQrCode() { let a = new QRCode(this.$refs.qrCodeUrl, { text: "hello 大家好", // 需要转换为二维码的内容 width: 100, height: 100, colorDark: "black", //#000000为黑色 colorLight: "white", }); console.log("二维码:", a); }, }, }; </script>

vue-qr

可在二维码中心添加图片

下载:

cnpm i -S vue-qr

使用: 

vue生成二维码_java如何生成二维码vue生成二维码_java如何生成二维码

此代码由Java架构师必看网-架构君整理
<template> <vue-qr :logoSrc="imageUrl" text="https://blog.csdn.net/qq_40323256/" :size="150" :margin="0" colorDark="black" colorLight="white" ></vue-qr> </template> <script> import vueQr from "vue-qr"; export default { components: { vueQr, }, data() { return { imageUrl: require("@/assets/logo.png"), //欲嵌入至二维码中心的 LOGO 地址 }; }, }; </script>

架构君码字不易,如需转载,请注明出处:https://javajgs.com/archives/209202
0

发表评论