Vue使用qrcodejs2实现二维码生成

会说法语的猪

已于 2022-05-09 18:00:16 修改

阅读量1.4w

点赞数 6

分类专栏：前端 vue 文章标签： vue.js 前端

于 2022-05-09 12:33:50 首次发布

本文链接：https://blog.csdn.net/m0_51431448/article/details/124663102

版权

前端同时被 2 个专栏收录

113 篇文章 6 订阅 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

vue

80 篇文章 1 订阅 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

qrcodejs2-npm: https://www.npmjs.com/package/qrcodejs2

1. 安装

npm i qrcodejs2

2. 组件中引入并封装成公共组件

<template>
  <div style="width: 100%;height: 100%;" :id="id" :ref="id"></div>
</template>
<script>
import QRCode from 'qrcodejs2'
export default {
  data() {
    return {
      qrcode: ''
    }
  },
  props: {
    id: {
      type: String,
      required: true
    },
    text: {  // 后端返回的二维码地址
      type: String,
      default: 'http://jindo.dev.naver.com/collie&

了解本专栏