首頁 > 微信小程式 > 小程式開發 > 小程式之間怎麼跳轉?小程式之間跳轉方法

小程式之間怎麼跳轉?小程式之間跳轉方法

云罗郡主
發布: 2019-01-21 15:05:24
原創
6227 人瀏覽過

本篇文章帶給大家的內容是關於小程式之間怎麼跳轉?小程式之間跳轉方法,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。 【建議閱讀:小程式開發教學

小程式頁面跳轉的四種方法

1、wx.navigateTo({}) ,保留目前頁面,跳到應用程式內的某個頁面(下面是跳到test頁面的程式碼),然後從test頁面回到上一頁的時候使用wx.navigateBack 返回;

wx.navigateTo({
    //跳转页面的路径,可带参数 ,用?隔开,不同参数用&分隔;
    url:'../test/test?id=1&page=4',  
    success:function(){}        //成功后的回调;
    fail:function(){}          //失败后的回调;
    complete:function(){}      //结束后的回调(成功,失败都执行)
})
登入後複製

傳遞的參數在接收頁面onLoad()函數中得到值:option.id就可以得到了

onLoad: function (option) {
   console.log(option);  //可以打印一下option查看参数
   this.setData({
   id:option.id
    )};
},
登入後複製

返回上一頁,在test頁綁定回傳函數

<view class="but" bindtap="fanhui">返回</view>
登入後複製

在test頁面的js裡面寫wx. navigateBack返回

fanhui:function(){
    wx.navigateBack({ changed: true });
},
登入後複製

2、wx.redirectTo() , 關閉目前頁面,跳到非tabBar的某個頁面;

3、使用頁面標籤navigator,和html的a標籤有點像是;

<navigator url=&#39;../test/test?id=1&#39;>点击跳转</navigator>
登入後複製

4、wx.switchTab ,跳到tabBar的某個頁面;

wx.switchTab({
url: &#39;../taste/index?id=1&#39;,  //注意switchTab只能跳转到tab页面,不能跳转到不带tab的页面
})
登入後複製

使用小程式提供的tab選項卡來實現頁面和頁面之間的切換。要注意的是,我們不需要自己寫程式碼實作tab選項卡。小程式提供了現成的tab選項卡,我們只需要在app.json中配置一些參數即可實現tab選項卡的效果。 tab選項卡的配置是透過app.json檔案中的tabBar選項來實現的。


以上是小程式之間怎麼跳轉?小程式之間跳轉方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板