1. 程式人生 > >微信小程式——wx.navigateTo中url無法跳轉問題(app.json中配置的tabBar與wx.navigateTo中url引用相同頁面導致)(2017/12)

微信小程式——wx.navigateTo中url無法跳轉問題(app.json中配置的tabBar與wx.navigateTo中url引用相同頁面導致)(2017/12)

今天在做小程式的時候,在編寫

wx.navigateTo({ url:'../index/index' })
進行頁面跳轉的時候發現是使用不成的。經過研究,發現錯誤的導致原因是因為在app.json中存在: "tabBar": { "list": [{ "pagePath": "pages/index/index", "iconPaht":"img/文字(點選前).jpg", "text": "logs", "selectedIconPath":"img/文字(點選後).jpg" },{ "pagePath":"pages/test/test", "iconPath":"img/喜愛(點選前).jpg"
, "text":"喜愛", "selectedIconPath":"img/喜愛(點選後).jpg" }], 文中下劃線程式碼阻礙了上面中的: url:'../index/index'

的使用,然後我試著將list[0]也就是:

{ "pagePath": "pages/index/index", "iconPaht":"img/文字(點選前).jpg", "text": "logs", "selectedIconPath":"img/文字(點選後).jpg" } 這一組資料刪除,但是卻發現刪除了之後:


小程式的介面卻沒有tabBar的欄目了!

然後,再次經過研究。發現,"tabBar"裡面一定要有:

{ "pagePath": "pages/index/index", "iconPaht":"img/文字(點選前).jpg", "text": "logs", "selectedIconPath":"img/文字(點選後).jpg" } 這組資料!!!要不然,"tabBar"就不能顯示!!!

回到正題,然後借用前輩的總結:若是在全域性app.json中配置了tabBar,引用的連結與wx.navigateTo頁面跳轉url地址相同就無法實現跳轉

相關推薦

程式——wx.navigateTourl無法問題app.json配置tabBarwx.navigateTourl引用相同頁面導致(2017/12)

今天在做小程式的時候,在編寫 wx.navigateTo({ url:'../index/index' }) 進行頁面跳轉的時候發現是使用不成的。經過研究,發現錯誤的導致原因是因為在app.json中存在: "tabBar": { "list": [{ "pageP

程式 scroll-view 實現錨點

在微信小程式中,使用scroll-view實現長頁面的標記跳轉,官方文件中沒有例子演示,錨點標記主要是使用<scroll-view>的scroll-into-view屬性。 實現錨點跳轉主要以下幾點: 1,最外層容器使用滾動檢視  2,賦值滾動到檢視,如:<s

程式掃普通二維碼

最近一需求,是要做小程式掃普通二維碼跳轉。看了看微信文件一頭霧水,寫的不是很清楚。 官方文件傳送門:https://developers.weixin.qq.com/miniprogram/introduction/qrcode.html#功能介紹 文件上的幾個要點

程式點選多次navigator無反應

今天在弄微信小程式的時候使用到navigator元件實現跳轉出現了一個問題就是我點選我設定的button然後用navigator巢狀進去,當沒點選一次button就可以跳轉到相應的介面,當我重複四次的時候問題出現了,不管我怎麼點選也不會跳轉,最後還是通過百度找到了解決方案。 【程式碼展示】

程式之view,text換行,

view換行:white-space:pre-line; text換行:word-break:break-all; 1.wx.switchTab({=====》跳到tabbar內的某個頁面 url:"" }) 2.wx.redirectTo({=====>關閉當前頁面,跳轉到應用內的某個頁面

程式自定義底部導航帶

index.wxml <!--底部導航 --> <view class='footer'> <view class='footer_list' data-id='{{

程式開放資料解密 AES-128-CBC 解密Java版本

最近朋友在弄微信小程式開發,需要跟微信服務端互動,微信敏感資料都有加密返回,需要在服務端接收進行解密後再返回給客戶端小程式,今天就通過Java進行資料的解密,以下展示是Java程式碼如果你使用的C#,請訪問這個地址(C#版本) https://blog.csdn.net/jasonso

程式開放資料解密 AES-128-CBC 解密C#版本

最近朋友在弄微信小程式開發,需要跟微信服務端互動,微信敏感資料都有加密返回,需要在服務端接收進行解密後再返回給客戶端小程式,今天就通過C# 進行資料的解密,以下展示是C# 程式碼如果你使用的Java,請訪問這個地址(Java版本) https://blog.csdn

程式 上傳圖片至阿里雲OSS支援多圖片上傳

我們先講下為什麼要把圖片檔案上傳到雲伺服器呢, 有什麼好處呢? 1、能減輕我們自己伺服器的頻寬 如果一個程式裡有多處地方用到使用者上傳圖片等功能的話,建議還是放到阿里雲或者千牛雲等其他平臺上來儲存我們的圖片,可以給公司的伺服器減少很多壓力,磁碟儲存也就不會太大 2、提升使用者體驗感

程式如何實現下拉框效果?程式碼示例

wxml程式碼: <view class='top-text'> 選擇接收班級</view> <!-- 下拉框 --> <view class='top-selected' bindtap='bindShowMsg'> <

程式連線圖靈API實現智慧聊天超級簡單

小程式的demo.wxml <view class='top'>{{tittle}}</view> <view class='que' > <block wx:for="{{syas}}" wx:for-item="it

程式之傳遞指定的值給函式“document“取值

這幾天在普及微信小程式相關知識的時候,發現做H5開發的小夥伴們,在練習做微信小程式的過程中,總是會問我一個相同的問題,"document取值怎麼沒有效果哈?" 其實這應該是很多小夥伴都有的疑問。 對於

程式開發 檔案結構 js、wxml、wxss、json

檔案結構小程式包含一個描述整體程式的 app 和多個描述各自頁面的 page。一個小程式主體部分由三個檔案組成,必須放在專案的根目錄,如下:一個小程式頁面由四個檔案組成,分別是:檔案型別必填作用js是頁

程式文字水平垂直居中對齊問題完美解決方案

我們知道常用的居中對齊方式有很多種例如:text-align:center; align-items:center; justify-content: center; margin: auto; #子

程式左右滑動切換圖片酷炫效果附效果

開門見山,先上效果吧!感覺可以的用的上的再往下看。(動圖網址)   心動嗎?那就繼續往下看!   先上頁面結構吧,也就是wxml檔案,其實可以理解成微信自己封裝過的html,這個不多說了,不懂也沒必要往下看了。 1<scroll-view class="scroll-view_H" scro

程式實現圖片懶載入的懶辦法思路參考

微信小程式中,由於沒有辦法實現DEMO操作,位置的操作在小程式中很難進行,所以要實現圖片的懶載入是真的難啊(簡直操碎了心~~)!!! 懶載入的實現無非就那幾個辦法,說白了就是按需載入、監聽滾動條載入、延時載入。。。 說明:此方法只適用於有明確統一高度的圖片排

呼叫程式API生成二維碼 並base64存資料庫

public class GeneralTokenUtil {     private static final String appid = "";     private static final String grant_type = "";     // 獲取to

前端制作之技巧__避免a標簽到手機自帶瀏覽器

廣泛 沒有 最大 進行 發送 cli bsp 兼容 效果 隨著微信的越來越大眾化,微信的使用程度也越來越高。隨之,產生了一種新的推廣模式,即微信推廣。在這個微信的大平臺上會衍生出許許多多的推廣手段。而移動前端作為服務於手機用戶的手機網頁技術,也不可避免的加入進來。 一些

程序 scroll-view 實現錨點

-s list -o bin set 定義 -a spa pre   在微信小程序中,使用 scroll-view 實現長頁面的標記跳轉,官方文檔中沒有例子演示,錨點標記主要是使用<scroll-view> 的 scroll-into-view 屬性。   實

坑:程式wx.request和wx.uploadFile傳引數的區別

微信小程式中通過元件<form>提交表單的時候,在js中通過e.detail.value得到所提交表單的json格式資料。一般提交表單我們都是通過wx.request請求,提交表單資料,通過引數data傳資料, wx.request({ url: 'test.php', //僅為示例,