微信小程序： navigator 设置 openType=switchTab不起作用

最近刚开始学习小程序，官方文档不够充分的组件说明导致了一些现象无法说清楚。就比如这个openType=”switchTab”，
我使用了一下这个，首先说明我的代码结构没有完全按照官网结构，只是截取了footer的功能。
如图：

就是有一个navigator，动作是用switchTab的方式跳转到首页面。我看了官方说实例是可以跳转的，但是我自己代码里面就没有办法跳转。
代码：

<template name="foot"><navigator class="page-foot" url="/pages/home/home" hover-class="none"><image class="icon-foot" src="../../../../image/icon_foot.png"></image></navigator>
</template>  

经过了各种尝试都没能跳转之后，我就在考虑是不是架构不符的原因。于是新建了一个类似的项目发现，只有在app.json中定义了tabBar的list中的pagePath才可以跳转过去，
app.json

"tabBar": {"color": "#7A7E83","selectedColor": "#3cc51f","borderStyle": "black","backgroundColor": "#ffffff","list": [{"pagePath": "page/component/index","iconPath": "image/icon_component.png","selectedIconPath": "image/icon_component_HL.png","text": "组件"}, {"pagePath": "page/API/index","iconPath": "image/icon_API.png","selectedIconPath": "image/icon_API_HL.png","text": "接口"}]},

这样一来也能说明了他的字面意思，从Tab中跳转，可能是我自己理解能力有问题，记录这篇文章，希望能帮到人，也更帮助一下自己。