vue尚品汇商城项目-day07【vue插件-54.(了解)生成二维码插件】

在这里插入图片描述

文章目录

    • 54.(了解)生成二维码插件
  • 本人其他相关文章链接

54.(了解)生成二维码插件

安装命令:cnpm install --save qrcode

详情可查看官网:https://www.npmjs.com/package/qrcode

使用方法:

import QRCode from "qrcode";
result.data.codeUrl = "I am a pony!";
//生成二维(地址),这个url实际就是一个二维码,要想展示的话请放在标签src中属性进行展示
let url = await QRCode.toDataURL(this.payInfo.codeUrl);

本人其他相关文章链接

1.vue尚品汇商城项目-day07【44.个人中心二级路由搭建+45.我的订单+46.优化登录跳转+47.独享守卫】
2.vue尚品汇商城项目-day07【vue插件-48.(了解)图片懒加载插件】
3.vue尚品汇商城项目-day07【vue插件-49.(了解)自定义插件】
4.vue尚品汇商城项目-day07【vue插件-50.(了解)表单校验插件】
5.vue尚品汇商城项目-day07【51.路由懒加载】
6.vue尚品汇商城项目-day07【52.打包文件,处理map文件】
7.vue尚品汇商城项目-day07【53.nginx反向代理配置】
8.vue尚品汇商城项目-day07【vue插件-54.(了解)生成二维码插件】
9.vue尚品汇商城项目-day07【55.编码测试与打包发布项目】

你可能感兴趣的:(Vue2专栏,vue.js,前端,vue尚品汇商城项目,生成二维码插件,vue2)