vue 公众号开发跳转小程序的实现

       近期项目中要做公众号H5开发，涉及到指定分享URL及分享界面限定，图片上传，H5跳转小程序等功能，在此做部分记录。

     1. 以上功能都必须基于微信sdk授权，因此第一步的微信授权不可少，引入wx-sdk模块

import wx from "weixin-js-sdk";

在vue入口处app.vue，加载wx.config()

注：对于ios设备，获取window.location.href 进行授权链接，对hash路由，可截取#之前路由进行授权。

2 指定分享页，可在路由中配置页面是否需要展示分享权限，在router after后加载

 wx.ready(function() {
    if (type) {
       wx.showOptionMenu();
       // wx.showAllNonBaseMenuItem();
    } else {
        wx.hideOptionMenu();
        // wx.hideAllNonBaseMenuItem();
    }
})

3 指定分享url

在分享页面加载wx.ready(function () {}），注入title,dese,link,imgUrl等信息

4  图片上传

初始话sdk时，在jsApiList  加入 chooseImage

在使用页面

        // 添加图片按钮，调用方法
        addWenxinImage() {
            let  _this = this;
            let limitNum = 3 - this