> 文章列表 > vue-qrcode生成二维码

vue-qrcode生成二维码

vue-qrcode生成二维码

1、安装

npm install  --save qrcodejs2

2、代码

import QRCode from 'qrcodejs2'

<div class="qrcode" ref="qrCodeUrl"></div>

<script>
import QRCode from 'qrcodejs2'
export default {
  data() {
    return {
  },
  methods: {
    creatQrCode() {
        var qrcode = new QRCode(this.$refs.qrCodeUrl, {
            text: "", // 需要转换为二维码的内容
            width: 100,
            height: 100,
            colorDark: '#000000',
            colorLight: '#ffffff',
            correctLevel: QRCode.CorrectLevel.H
        })
    },
},
mounted() {
    this.creatQrCode();
},
};
</script>