1、首先下载 vue-qr npm/cnpm/yarn
2、在需要的。vue文件 中的
import VueQr from "vue-qr"; export default { components: { VueQr, }, }
3、在template标签里面写
<vue-qr :text="downloadData.url" //需要跳转的路径 :margin="10" colorDark="#000" colorLight="#fff" :dotScale="1" :logoSrc="downloadData.icon" //二维码 中间的小图片 :logoScale="0.2" :size="200" ></vue-qr>
原文:https://www.cnblogs.com/yuchengxiong/p/14627295.html