Vue 实现生成二维码，并将页面生成图片可实现保存和识别

引入插件

npm install qrcodejs2 --save
npm install --save html2canvas

在需要的组件里引用

import html2canvas from 'html2canvas'
import QRCode from 'qrcodejs2'

上代码

    <div id="captureId" class="invitationCode"  v-show="firstFlag">
      <div class="code_box">
        <div class="title">推荐好友领福利</div>
        <div class="content">
          <div id="qrcode" class="code" ref="qrCodeDiv"></div>
          <div class="text4">长按保存二维码可分享</div>
        </div>
      </div>
    </div>
    <div v-show="!firstFlag">
      <img class="code_img" :src="canvasImageUrl" alt />
    </div>

js:

data() {
    return {
      firstFlag: true,