解决web-view 的h5页面无法返回的问题

当微信小程序使用web-view嵌套h5页面，需要返回小程序页面时，会发现点击左上角的返回按钮，不生效，返回不了，甚至返回之后是一个空白页

这是因为使用web-view跳转到h5页面，微信小程序无法监听到h5页面的返回事件，即返回不生效

解决方法（亲测有效）

        1. 前置条件（H5页面uniapp项目安装微信插件）

                        npm install --save weixin-js-sdk

        2. main.js  挂载 

                        import wx from 'weixin-js-sdk'
                        Vue.prototype.wx = wx

        3. 引入jweixin 检测 页面是否触发了返回，或者点了返回键

        4. 在mounted 生命周期设置监听器

         5. 在beforeDestory 生命周期移除监听器，以免影响其他页面

        备注

                1. 方法中的 this.wx.mainProgram...  不能少了 this 

                2. this.wx.mainProgram... 跳转的地址是小程序的路径，必须是存在的

                3. 以上所有代码都是在 h5项目中书写

不会使用webview 将小程序和h5项目连通的，可以看我上一个文档