最近项目中的某一个功能需要对外分享,所以打算把功能页面的地址生成一个二维码图片.
项目是vue+vant,生成二维码用的插件是vue-qr
具体的用法,非常简单
1. npm
install
vue-qr --save
2.在需要用的页面引入:import
vueQr from
'vue-qr'
3.在组件中引入components: {vueQr}
4.在html中<vue-qr :logoSrc=
"imageUrl"
text=
"xxx"></vue-qr> 其中imageUrl是二维码中间的小图标,引入路径的时候
使用require的方式, text中就是要转为二维码的地址
5.完成,这个插件其中还有很多的功能值得大家去探索,有兴趣的小伙伴可以深入的了解一下.