vue调用微信扫一扫(扫码)

关于vue调用微信扫描二维码的功能采坑总结。引入js-sdk的一个大坑。
什么都不说，先上一个坑点图。

超级大坑

大家都知道，调用微信的功能需要配置js-sdk，我昨天看了一天的文档，还是没能在vue项目里调起微信扫一扫的功能。查了半天才发现，针对vue项目，官方推出了一个名为"weixin-jsapi"的插件。而在官网上只说了让我们引入一个“weixin-js-sdk”的插件，然鹅···这个插件在vue项目里是各种报错。一般会报"wx of undefinde"~~~然后就是"config of undefined"~~~

记住！！！记住！！！记住！！！

如果你的项目是vue项目，请安装："weixin-jsapi"

// 下载安装命令
npm install weixin-jsapi --save
// 在man.js中引入 weixin-jsapi
import wx from "weixin-jsapi"; 
// 在man.js中注册 weixin-jsapi
Vue.prototype.wx = wx

具体业务代码：

我的扫码界面比较简单，当用户进入到这个界面就立即打开扫码，扫码完成立即跳转到商品详情页面。
最后，真心再怼一次微信公众平台的文档····文档真心不详细，坑很多！！！！