微信小程序tabbar跳转webview页的处理

（本文仅针对使用微信小程序官方tabbar的情形）

1、需求分析

一般来说，小程序底部tabbar点击激活都是使用原生页面，这样切换效果好。但就是有些特殊的需求要使用h5页面来承载tabbar的激活页。

由于h5需要使用webview页，而小程序webview打开就是铺满整个屏幕容器，且无法被其他元素覆盖层级，所以是无法做到tabbar和webview同时展示的，只能跳转一下。

2、处理点

• tabbar激活页只需要一个空内容，不做任何展示，进入后就通过js跳转到相应的webview页，这样你一点击tabbar加载完看到的就是webview页内容了。
• 在webview页，返回时需要返回上一个tabbar页。

3、具体实现

（1）入口文件app.js

首先在globalData里添加两个字段：

globalData: {
   
   
	originalTab: '', // 记录原始tab栏激活位置，用于h5类型的tabbar页返回跳转
	isBackOriginalTab: false, // 控制是否是要返回上一个tabbar页
}

然后添加一个公共方法：

// 设置originTab数据
 setOriginTab (tabPath) {
   
   
   this.globalData.originalTab = tabPath