首页 > 其他分享 >vue生成二维码功能

vue生成二维码功能

时间:2022-09-29 17:36:56浏览次数:51  
标签:vue vant 二维码 生成 点击 ui

生成二维码听起来很难,其实也很简单,我这里是用vant-ui来完成的  首先需要给一个DOM添加一个点击触发事件 然后在vant-ui框架找到合适的组件 注意:这里的@click.stop去掉就可以点击空白的地方关闭遮罩层  直接复制过去就可以,看自己情况,不需要的可以删掉  在data里定义状态和图片位置  这一步完成之后,然后下载一个生成二维码的插件 npm install --save qrcode 使用方法  toDataURL方法是生成二维码的 后面跟你要生成二维码的路径,比如你想跳转到另一个页面,可以把路径放在里面   这样就可以了  

标签:vue,vant,二维码,生成,点击,ui
From: https://www.cnblogs.com/jjfsanlang/p/16742349.html

相关文章