前端二维码生成-Vue-qrcodejs2

「已注销」

于 2021-08-19 15:07:05 发布

阅读量105

点赞数

文章标签： vue 前端

本文链接：https://blog.youkuaiyun.com/Mzsyw/article/details/119801715

版权

qrcodejs2

通过npm安装

npm i qrcodejs2 -S

具体实现代码

<template>
  <div ref="qrCode"></div>
</template>
<script>
improt QRCode from "qrcodejs2"
  data() {
  	url: ********  // 二维码地址
  },
  created() {
  	this.$nextTick(() => {
      this.initQrcode()
    })
  },
  methods: {
  	initQrcode() {
  	   new QRCode(this.$refs.qrCode, {
        text: this.url, // 二维码地址
        width: 100, // 宽度
        height: 100, // 高度
        colorDark: "#000000", //二维码颜色
        colorLight: '#ffffff' //二维码背景颜色
      })
  	}
  }
</script>