微信小程式: navigator 設定 openType="switchTab"不起作用
阿新 • • 發佈:2019-01-06
最近剛開始學習小程式,官方文件不夠充分的元件說明導致了一些現象無法說清楚。就比如這個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中跳轉,可能是我自己理解能力有問題,記錄這篇文章,希望能幫到人,也更幫助一下自己。