mpvue 小程序如何使用 iview weapp 中的 tabbar

先将 iview weapp 的 dist文件夹复制到项目的 static/iview 下（ 这个步骤就不赘述了，不懂的可以留言 ）。

在项目 ( app部分 ) 的 appvue 中加入：

在页面 ( page部分 ) 的文件夹下新建 mainjson 文件，写入：

在页面文件夹的 indexvue 文件里写入：

首先，必须检讨自己，出现这种问题的确是自己阅读文档不仔细。

在学习页面之间传递参数时，同时设置了 tabBar 和点击跳转导航 wxnavigateTo ,并且两个设置跳转的页面路径一致，发现 wxnavigateTo 跳转是不生效的，至于想要传递的参数那就更别想传递到跳转的页面。

出现这个问题，我一开始以为是微信小程序自带的问题，但是想想，怎么可能呢，是猪吗，这么明显的问题，留给开发者？于是翻阅文档，研读 tabBar 和API中的导航一部分，发现文档早已注明的很清楚，只是自己没有看清楚，检讨自己并认真学习一下。

wxnavigateTo

wxredirectTo

wxswitchTab

wxreLaunch

1 wxnavigateTo 和 wxredirectTo 不允许跳转到 tabBar 页面，只能用 wxswitchTab 跳转到 tabBar 页面

2 wxnavigateTo 和 wxredirectTo 允许跳转时路径带参数， wxswitchTab 跳转时路径不可带参数

需求：由于iphonex及之后的机型底部有一根横线，导致tabbar比原来提升了一段高度。根据底部tabbar提升的高度，计算出页面需要在底部给整个tabbar留出的位置高度。

PS：微信开发者工具iphonex与实际真机测试效果不同，底部并没有底部提升。

appjs调用 wxgetSystemInfo接口获取页面信息，判断底部提升高度。

官网文档：获取系统信息

如图所示

appjson 是全局配置文件，用于配置小程序的信息（它里面配置的是全局信息）

需要添加target，默认值是self跳转自己小程序页面，miniProgram是跳转其他小程序的页面

以上就是关于mpvue 小程序如何使用 iview weapp 中的 tabbar全部的内容，包括:mpvue 小程序如何使用 iview weapp 中的 tabbar、微信小程序中tabBar与导航API的页面跳转处理关系、微信小程序适配iphonex iphone11底部tabbar等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！