vue生成二维码功能

生成二维码听起来很难，其实也很简单，我这里是用vant-ui来完成的

1.  首先需要给一个DOM添加一个点击触发事件

2.  然后在vant-ui框架找到合适的组件

    注意：这里的@click.stop去掉就可以点击空白的地方关闭遮罩层

    直接复制过去就可以，看自己情况，不需要的可以删掉

 

 3.  在data里定义状态和图片位置

 

     这一步完成之后，然后下载一个生成二维码的插件

4.  npm install --save qrcode

    使用方法

 

 5.  toDataURL方法是生成二维码的 后面跟你要生成二维码的路径，比如你想跳转到另一个页面，可以把路径放在里面

 

 

  这样就可以了