国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

微信小程序之普通頁面跳轉(zhuǎn)到tabBar頁面

這篇具有很好參考價值的文章主要介紹了微信小程序之普通頁面跳轉(zhuǎn)到tabBar頁面。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

  • 前言

最近在做一個投稿小程序,主要功能是作者可以在微信小程序登錄,注冊,然后登陸進入主頁面,可以投遞稿件以及瀏覽自己已投遞的稿件,和個人中心等主要功能,做的比較簡單,因為本人對于小程序是一個初學者。

  • 遇到的問題
    登錄頁面不是tabBar頁面,只是一個普通頁面,而我想通過登錄之后可以跳轉(zhuǎn)到tabBar首頁,圖一怎么跳轉(zhuǎn)到圖二呢?

微信小程序跳轉(zhuǎn)tabbar頁面,小程序開發(fā)點點滴滴,微信小程序,小程序,微信圖一
微信小程序跳轉(zhuǎn)tabbar頁面,小程序開發(fā)點點滴滴,微信小程序,小程序,微信
圖二

  • 解決思路
    查看官方文檔,可以通過微信小程序提供的api
    wx.reLaunch()微信小程序跳轉(zhuǎn)tabbar頁面,小程序開發(fā)點點滴滴,微信小程序,小程序,微信
    這種方式不僅可以從非tabBar頁面跳轉(zhuǎn)到非tabBar頁面,還可以攜帶參數(shù)

登錄部分js代碼:文章來源地址http://www.zghlxwxcb.cn/news/detail-718219.html

doLogin(){
    let username = this.data.username;
    let password = this.data.password;
    if(username == '' || password == ''){
      wx.showToast({
        title: '登錄失敗',
        icon: 'error'
      })
      return;
    }
    wx.request({
      url: 'http://localhost:8082/onlineSubmit/system/login',
      method: 'POST',
      header: {
        "content-type":"application/x-www-form-urlencoded"
      },
      data: {
        username: username,
        password: password,
        type: this.data.type
      },
      success:(res)=>{
        console.log(res.data);
        if(res.data.type == 'error'){
          wx.showToast({
            title: '用戶不存在!',
            icon:'error'
          })
        }else{
          // 登錄成功后,設(shè)置全局變量-username
          const app = getApp();
          app.globalData.username = username
          wx.reLaunch({
            url: '/pages/index/index?username='+username,
          })
        }
      },
      fail: (error) => {
        //console.log('請求失敗:', error);
      }
    })
  }

到了這里,關(guān)于微信小程序之普通頁面跳轉(zhuǎn)到tabBar頁面的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔相關(guān)法律責任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 微信小程序用vant自定義tabbar頁面并跳轉(zhuǎn)相應(yīng)頁面

    微信小程序用vant自定義tabbar頁面并跳轉(zhuǎn)相應(yīng)頁面

    步驟一 安裝 vant 組件庫 下載完后要npm構(gòu)建才能使用 步驟二 修改 app.json 將 app.json 中的 \\\"style\\\": \\\"v2\\\" 去除,小程序的新版基礎(chǔ)組件強行加上了許多樣式,難以覆蓋,不關(guān)閉將造成部分組件樣式混亂 步驟三 修改 project.config.json 開發(fā)者工具創(chuàng)建的項目, miniprogramRoot 默認為 minipro

    2024年01月22日
    瀏覽(33)
  • 解決微信小程序自定義tabbar跳轉(zhuǎn)頁面圖標閃動問題

    解決微信小程序自定義tabbar跳轉(zhuǎn)頁面圖標閃動問題

    情況一? ? 如果你的tabbar對應(yīng)的頁面是component,那就在component下面加上 其中的selected是該tab頁面對應(yīng)的索引值 情況二? ? 如果你的tabbar對應(yīng)的頁面是page,那就將上面的if判斷寫在page的onshow里面 閃動問題就解決啦~

    2024年02月12日
    瀏覽(25)
  • uniapp中點擊跳轉(zhuǎn)到tabBar的頁面

    uniapp中點擊跳轉(zhuǎn)到tabBar的頁面

    今天在工作中用到需要從pages頁面點擊按鈕跳轉(zhuǎn)到底部欄的tabBar頁面中的情況 最初代碼是這樣寫的,路徑正確,微信開發(fā)者工具也沒有報錯,但就是頁面不跳轉(zhuǎn) ?后來經(jīng)過閱讀uniapp的官方文檔,找到了從普通頁面點擊跳轉(zhuǎn)至tabBar頁面的方法:switchTab 話不多說,直接上代碼,調(diào)

    2024年02月13日
    瀏覽(90)
  • 日常BUG——普通頁面跳轉(zhuǎn)tabbar頁面報錯

    日常BUG——普通頁面跳轉(zhuǎn)tabbar頁面報錯

    ?? 作 ? ??????? 者 :是江迪呀 ?? 本文 : 日常BUG 、 BUG 、 問題分析 ?? 每日?? 一言 : 存在錯誤說明你在進步! 微信小程序頁面跳轉(zhuǎn)的時候出現(xiàn)下面的問題: 報錯內(nèi)容: 微信小程序的 redirectTo 方法不能用于跳轉(zhuǎn)到 TabBar 頁面,因為 TabBar 頁面在小程序中具有

    2024年02月12日
    瀏覽(26)
  • 微信小程序底部導航跳轉(zhuǎn)tabBar頁不觸發(fā)onLoad

    微信小程序底部導航跳轉(zhuǎn)tabBar頁不觸發(fā)onLoad

    .js加上onTabItemTap();方法

    2024年02月09日
    瀏覽(33)
  • 微信小程序子頁面自定義tabbar組件

    微信小程序子頁面自定義tabbar組件

    有時候微信小程序會遇到代碼合并,就比如把B小程序代碼遷移到A小程序,要使得B作為A小程序的一個子頁面子功能。因為本身小程序都有tabbar,原來B也有,這時候就要給B子功能自定義一個tabbar底部導航欄。(注意,這個不是微信小程序自定義tabBar,不需要app.json中設(shè)置一個

    2024年02月08日
    瀏覽(26)
  • 微信小程序,每次進入tabbar頁面刷新數(shù)據(jù)

    寫項目時遇到一個需求:就是從其他頁面點擊tabbar組件進入tabbar頁面(這里叫他A頁面),需要對A頁面進行一次刷新。 應(yīng)用場景:我在分類頁面點擊加號添加商品到購物車,然后點擊tabbar的購物車組件,進入購物車,這個時候就要對購物車進行一個刷新。 為什么呢?因為點擊

    2024年02月16日
    瀏覽(99)
  • 【微信小程序入門到精通】— 微信小程序?qū)崿F(xiàn)多頁面切換(tabBar)

    【微信小程序入門到精通】— 微信小程序?qū)崿F(xiàn)多頁面切換(tabBar)

    對于目前形式,微信小程序是一個熱門,那么我們該如何去學習并且掌握之后去做實際項目呢? 為此我特意開設(shè)此專欄,在我學習的同時也將其分享給大家! 本篇文章將給大家?guī)砣绾翁砑禹撁媲袚Q效果,我們前面所講解的都是停留在某一頁面上面進行預覽,接下來我們將

    2024年02月03日
    瀏覽(166)
  • 【微信小程序】在非tabbar頁面使用導航欄進行切換

    【微信小程序】在非tabbar頁面使用導航欄進行切換

    當在我們做微信小程序項目時會遇到有多個端口的項目需求,然而多個端口意味著多個導航欄。但微信小程序僅支持使用 app.json 創(chuàng)建 一個導航欄 (如下圖) 在app.json中配置的tabbar app.json 所以我們只能自己制作導航欄并且使用頁面路由方式來進行頁面跳轉(zhuǎn)(如 wx.navigateTo; w

    2024年02月13日
    瀏覽(31)
  • 小程序跳轉(zhuǎn)tabbar,tabbar頁面不刷新

    文章地址:12.小程序?之切換到tabBar頁面不刷新問題_360問答 解決辦法備份: wx.switchTab:跳轉(zhuǎn)到 tabBar 頁面,并關(guān)閉其他所有非 tabBar 頁面 wx.reLaunch:關(guān)閉所有頁面,打開到應(yīng)用內(nèi)的某個頁面。 wx.reLaunch是可以跳轉(zhuǎn)到tabBar頁面的。它和wx.switchTab的區(qū)別就是:前者可以觸發(fā)onLoad事

    2024年02月04日
    瀏覽(24)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包