• <nav id="ecmkk"></nav>
  • 分享最實用的技術,創造更大的價值

    如何使用uni.navigateBack傳參修改上一個頁面值

    如何使用uni.navigateBack傳參修改上一個頁面值


    APP開發中,采用uniapp開發效率非常高,但在實際APP開發應用中,表單編輯狀態選擇是很常見的效果,包括地址選擇等。那么,在編輯過程中,如何到一個新頁面選擇數據后返回原頁面?并且原頁面數據不丟失?


    使用uniapp開發時,可以使用  uni.navigateTo 、uni.navigateBack 進行跳轉和返回,參數傳遞則使用:page  setData 方式,具體參考如下。


    選擇頁面(即:要返回時的調用)

    var pages = getCurrentPages(); 
    var currPage = pages[pages.length - 1]; //當前頁面 
    var prevPage = pages[pages.length - 2]; //上一個頁面 
    //直接調用上一個頁面的setData()方法,把數據存到上一個頁面中去 
    prevPage.setData({ 
            select_data:"test" 
    }) 
     uni.navigateBack(); //返回上一個頁面


    原始頁面接收,在 onShow 中接收數據

    onShow:function(e){ 
           let pages = getCurrentPages(); 
           let currPage = pages[pages.length-1]; 
           if (currPage.data.select_data==undefined){ 
                console.log(currPage.data.select_data);//接收的數據 
           }
     
     }


    以上代碼僅為功能說明,具體應用需根據項目情況加驗證條件。


    成都創軟科技提供各類企業管理app開發服務,如有問題可與我們聯系。


    聯系
    QQ
    電話
    咨詢電話:189-8199-7898
    TOP
    亚洲中文字幕aⅴ天堂
  • <nav id="ecmkk"></nav>