vue生成二维码插件

在这里插入图片描述

效果图
在这里插入图片描述
1,下插件

cnpm i vue-qr --save

2,在需要的页面引入,或者全局引入,我这里是局部引入,因为只有一个页面用到了。
html

  <vue-qr :text="text" :size="200" :margin="0" />

js

import VueQr from 'vue-qr'
export default {
  components:{
    VueQr
  },
  data(){
	  return{
	  	text:'',//二维码内容
	  }
 }

将需要生成二维码的值赋值给text就可以了。
?没了,结束了,是不是很简单呐,如有问题,欢迎留言。
?如果此篇博文对您有帮助,还请动动小手点赞 ? 收藏 ⭐留言 ?呐~,谢谢 ~ ~