先引入官方插件
下载插件(qrcode)
插件地址: https://www.npmjs.com/package/qrcode
在终端内输入命令
npm install --save qrcode
代码实现
1.给图标一个分享事件
<div class="classDetails_box_header_img" @click="share"> </div>
2.设置弹出遮罩层
<!-- 二维码 -->
<van-overlay :show="show" @click="show = false">
<div class="wrapper">
<div class="block">
<p>分享</p>
<div>
<img :src="imrUrl" />
</div>
</div>
</div>
</van-overlay>
3.在data中定义的值
show: false,//判断是否让遮罩层出现
imrUrl: "" // 图片的地址
4.在Vue组件引入
import QRCode from "qrcode";
然后就是使用
(在这里直接复制官方的内容就行)