vue生成二维码插件

Posted 2021-12-14 曾经的你d

效果图

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就可以了。
📢没了，结束了，是不是很简单呐，如有问题，欢迎留言。
📢如果此篇博文对您有帮助，还请动动小手点赞 👍 收藏 ⭐留言 📝呐~，谢谢 ~ ~