最近刚开始学习小程序,官方文档不够充分的组件说明导致了一些现象无法说清楚。就比如这个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中跳转,可能是我自己理解能力有问题,记录这篇文章,希望能帮到人,也更帮助一下自己。













