vue生成二维码插件

Posted 曾经的你d

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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就可以了。
📢没了,结束了,是不是很简单呐,如有问题,欢迎留言。
📢如果此篇博文对您有帮助,还请动动小手点赞 👍 收藏 ⭐留言 📝呐~,谢谢 ~ ~

以上是关于vue生成二维码插件的主要内容,如果未能解决你的问题,请参考以下文章

vue生成二维码插件

生成二维码图片插件-vue-qrcode

生成二维码图片插件-vue-qrcode

在vue中利用vue-qr插件动态生成二维码并嵌入LOGO

vue生成条形码和二维码

二维码生成插件