1. 程式人生 > >微信小程式: navigator 設定 openType="switchTab"不起作用

微信小程式: 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中定義了tabBarlist中的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中跳轉,可能是我自己理解能力有問題,記錄這篇文章,希望能幫到人,也更幫助一下自己。