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

uniapp 實現(xiàn)tabBar-switchTab之間的傳參

這篇具有很好參考價值的文章主要介紹了uniapp 實現(xiàn)tabBar-switchTab之間的傳參。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

一、需求:

tabbar之間跳轉(zhuǎn)頁面時,需要傳遞一個參數(shù)。

官方文檔明確說明: 跳轉(zhuǎn)tabBar欄的頁面只能使用 uni.switchTab 并且url 路徑后面不能傳遞參數(shù)。

二、解決方法:

方法1:setStorageSync(本地緩存)

//index.vue 頁

onclick () {
    存起來,在另一個頁面中獲取.
    uni.setStorageSync('myIndex', value);
    uni.switchTab({
            url:'/pages/user/user'
      })
}

//user.vue 頁(在onShow中從本地緩存中獲取出來,進行相關(guān)操作)

onShow() {
  const myIndex= uni.getStorageSync('myIndex');
  console.log(myIndex)
}

方法2:使用全局變量:

main.js 定義全局變量

Vue.prototype.$name = '';

頁面1: name.vue

   this.$name= "chuanzhi";

    uni.switchTab({
         url:'/pages/index/index'
    })

頁面2:index.vue
(注意一定要放在onShow生命周期里面及時更新數(shù)據(jù),因為tabBar會有緩存機制此時再次進入頁面onLoad不會執(zhí)行)

onShow(){

    this.info.name =  this.$name//賦值取得參數(shù)

}

此時this.info.name 就是name.vue頁面?zhèn)鬟f過來的參數(shù)文章來源地址http://www.zghlxwxcb.cn/news/detail-809844.html

到了這里,關(guān)于uniapp 實現(xiàn)tabBar-switchTab之間的傳參的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

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

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

相關(guān)文章

  • Vue路由的傳參

    Vue傳參方式可以劃分為params傳參(參數(shù)隱藏在路徑中)和query傳參(參數(shù)在?后)倆種方式 要注意 to? 和 :to 的不同:? to 不帶參數(shù) , :to 帶參數(shù) (1)使用params 傳參 vue頁面 router-link :to=\\\"{name:\\\'Test7\\\',params:{tid:1,title:\\\'hello test7\\\'}}\\\"測試7-路由/router-link? 要修改路由文件( router目錄下

    2024年02月21日
    瀏覽(19)
  • axios的傳參方式

    目錄 1、data傳參 2、使用?params?傳遞查詢參數(shù): 3、使用路徑參數(shù)傳遞數(shù)據(jù): 在使用 Axios 發(fā)送 HTTP 請求時,有三種常見的傳參方式: data 、 params 和路徑參數(shù) 1、data傳參 2、使用? params ?傳遞查詢參數(shù): params 參數(shù)通常用于GET請求中添加查詢參數(shù),而對于POST請求,一般使用

    2024年01月18日
    瀏覽(17)
  • uni-app uni.switchTab和uni.reLaunch跳轉(zhuǎn)tabbar頁面

    uni-app uni.switchTab和uni.reLaunch跳轉(zhuǎn)tabbar頁面

    uni.switchTab: 跳轉(zhuǎn)列表不會刷新 跳轉(zhuǎn)到 tabBar 頁面,并關(guān)閉其他所有非 tabBar 頁面。 uni.reLaunch: 跳轉(zhuǎn)列表會刷新 關(guān)閉所有頁面,打開到應(yīng)用內(nèi)的某個頁面。( 可以跳轉(zhuǎn)到tabBar 頁面 ) 但如果是列表的自定義表頭有多個title的時候需要加參數(shù)才能返回到對應(yīng)的列表 如下圖所示

    2024年02月11日
    瀏覽(26)
  • 微信小程序組件的傳參

    ?# 父子關(guān)系 ? ? ?1.父向子傳參 ? ? // 子組件:通過 properties 聲明要從父組件中接收的數(shù)據(jù) ? ? // ? ?組件的屬性列表 ? ? properties:{ ? ? ? ? tabId:String ? ? } ? ? // 父組件:通過自定義屬性的形式傳遞數(shù)據(jù)。以子組件中定義的 key 為屬性名,以要傳遞的數(shù)據(jù)為屬性值 ? ? li

    2024年02月10日
    瀏覽(19)
  • Django_獲取api接口的傳參

    Django_獲取api接口的傳參

    目錄 當(dāng)參數(shù)為form-data 或者x-www-form-urlencoded類型時,使用request.POST獲取到參數(shù) 當(dāng)參數(shù)為raw類型時,使用request.body獲取到參數(shù),獲取的參數(shù)需要經(jīng)過處理才能使用 源碼等資料獲取方法 獲取參數(shù)方式 ?獲取參數(shù)方式 ? 各位想獲取源碼的朋友請 點贊 + 評論 + 收藏 ,三連! 三連

    2024年02月15日
    瀏覽(20)
  • 列表進入詳情頁的傳參問題(vue的問題)

    c頁面的路徑為 http://localhost:8080/#/detail?id=1 ,可以看到傳了一個參數(shù)id=1,并且就算刷新頁面id也還會存在。此時在c頁面可以通過id來獲取對應(yīng)的詳情數(shù)據(jù),獲取id的方式是 this.$route.query.id vue傳參方式有:query、params+動態(tài)路由傳參。 說下兩者的區(qū)別: 1.query通過path切換路由,

    2024年01月19日
    瀏覽(23)
  • 【小程序】uni-app 頁面的傳參和接參

    值得一提的是小程序只能使用字符串的方式進行傳遞,不像vue的路由傳參。至于為什么要這樣,這就需要看文檔怎么說了。 注意:傳遞參數(shù)只能以 ?key=valuekey=value 方式傳遞 使用 onLoad() 鉤子函數(shù)來接收 小程序只能以 字符串的方式進行傳遞和接收,那么復(fù)雜類型對象和數(shù)組怎

    2024年02月02日
    瀏覽(21)
  • 學(xué)習(xí)筆記230804---restful風(fēng)格的接口,delete的傳參方式問題

    學(xué)習(xí)筆記230804---restful風(fēng)格的接口,delete的傳參方式問題

    如果后端提供的刪除接口是restful風(fēng)格,那么使用地址欄拼接的方式發(fā)送請求,數(shù)據(jù)放在主體中,后端接受不到,當(dāng)然也還有一種可能,后端在這個接口的接參設(shè)置上是req.query接參。 問題描述 今天遇到的問題是,delete接口,需要傳id,后端需要id的數(shù)據(jù)類型是lang類型,使用數(shù)

    2024年02月12日
    瀏覽(25)
  • R語言【技巧】——判斷自定義函數(shù)的傳參內(nèi)容是否符合要求

    比如 對一個應(yīng)該傳入 數(shù)值型 ,數(shù)值為 0 或 1 的參數(shù): 比如 對一個應(yīng)該傳入 字符型 ,字符串為 某個向量元素之一 的參數(shù),類似于選項框:

    2024年01月23日
    瀏覽(32)
  • Postman傳遞@requestbody標注的List集合的傳參遇到的問題

    Postman傳遞@requestbody標注的List集合的傳參遇到的問題

    我們想測試如下接口 這里對應(yīng)了三個傳入?yún)?shù),因為deviceList是必須的,Device作為我們自己封裝的JavaBean,我們想要直接傳參的話,前端傳遞一個List過來,這個是被@Requestbody修飾的,同時還存在兩個由@RequestParam修飾的包裝類,因此, @RequestBody主要用來接收前端傳遞給后端的

    2024年02月16日
    瀏覽(18)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包