vue生成二维码

最近项目中的某一个功能需要对外分享,所以打算把功能页面的地址生成一个二维码图片.

项目是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.完成,这个插件其中还有很多的功能值得大家去探索,有兴趣的小伙伴可以深入的了解一下.