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

uniapp小程序路由跳轉,使用uni.navigateBack方法,實現跳轉傳參

這篇具有很好參考價值的文章主要介紹了uniapp小程序路由跳轉,使用uni.navigateBack方法,實現跳轉傳參。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

由于小程序跳轉限制10層,為了盡可能的減少頁面棧,在小程序中會用到uni.navigateBack()方法,使用中難免會遇到頁面跳轉之間傳參的問題。uni.navigateBack和uni.navigateTo、uni.redirectTo方式不同,不能通過路由拼接的方式傳參,以下是三種跳轉的方法:

在小程序中uni.navigateTo和uni.redirectTo是通過路由拼接的方式傳參

uni.navigateTo({
	url: 'test?id=1&name=uniapp'
});
uni.redirectTo({
	url: 'test?id=1'
});

uni.navigateBack通過delta控制返回幾層

uni.navigateBack({
	delta: 2
});

下面來聊一聊uni.navigateBack如何實現傳參?

第一種:通過狀態(tài)管理的方式傳值;(這種方式就不演示了,給狀態(tài)管理存值,onShow()中再取值就可以了)
第二種:1、獲取所有的的頁面棧; 2、取將要跳轉頁面的實例;3、通過$vm修改即將跳轉頁面的data里面的參數值;


示例:

下面示例是跳轉上一頁,然后給上一頁data里面的參數傳值文章來源地址http://www.zghlxwxcb.cn/news/detail-571473.html

//當前頁面
chosePhoto(item) {
	let pages = getCurrentPages(); //獲取所有頁面棧實例列表
	let nowPage = pages[pages.length - 1]; //當前頁頁面實例
	let prevPage = pages[pages.length - 2]; //上一頁頁面實例
    prevPage.$vm.idpositive = item; //修改上一頁data里面的參數值
	prevPage.$vm.checkoutface = true; //修改上一頁data里面的參數值
	uni.navigateBack({ //uni.navigateTo跳轉的返回,默認1為返回上一級
			delta: 1
		});		
	}
//上一頁data參數
data() {
	return {
		idpositive: '../../static/idcard/idpositive.png',
		checkoutface: false, 
		}
    },

到了這里,關于uniapp小程序路由跳轉,使用uni.navigateBack方法,實現跳轉傳參的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!

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

領支付寶紅包贊助服務器費用

相關文章

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領取紅包

二維碼2

領紅包