Vue生成二维码

Vue生成二维码

首先呢，我们要先进行安装

npm install --save qrcode

然后进行引入：

import QRCode from 'qrcode'

我们需要在页面写

 <div class="lbj_tc">
      <van-popup v-model="show">
        <div class="lbj_fenn">
          <p>分享</p>
          <div>
            <img :src="imrUrl" alt />
          </div>
        </div>
      </van-popup>
    </div>

设置值：

show: false,
imrUrl: ""

//然后呢我们是要在点击的时候触发

// With promises
this.show = !this.show;  //切换显示隐藏
let url = location.href;  //将本地地址保存
QRCode.toDataURL(url)
  .then(url => {
    console.log(url)
    this.imrUrl=url;
  })
  .catch(err => {
    console.error(err)
  })

最后点击分享时显示出来