uni.navigateBack(OBJECT) を使用して uniapp にパラメータを渡します

ヒント: 記事を作成した後、目次を自動的に生成できます。生成方法は、右側のヘルプドキュメントを参照してください。


uni.navigateBack(OBJECT) を使用して uniapp にパラメータを渡します


1. 使用前の知識


uni-app のgetCurrentPages()関数は、現在のページ スタックのインスタンスを取得するために使用されます。これはスタックの順序で配列形式で与えられ、最初の要素はホームページ、最後の要素は現在のページ。

注: getCurrentPages() はページ スタックのステータスを表示するためにのみ使用されます。ページ ステータス エラーを避けるためにページ スタックを変更しないでください。


2. 応用シナリオ

シナリオ: ページ A からページ B にジャンプします。ページ B は現在のページを閉じて前のレベルに戻り、ページ A に転送する必要があります。


3. ステップを使用する

1. Bページのパラメータを渡す必要があるメソッド内


let pages = getCurrentPages(); // 当前页页⾯实例
let nowPage = pages[pages.length -1]; //当前页⾯实例
let prevPage = pages[pages.length -2]; // 上一页面实例
// 需要返回 上一页的数据 Object
let object ={
    
    
	name:'zyz',
	mobile :'1831XXXXXXX'
};

prevPage.$vm.prevDateFun(object) // 调用上一页 定义的方法

// 返回 上一页
uni.navigateBack({
    
    
  delta:1 // 可以不写,默认值为 1
})

2. ページ A は prevDateFun を使用してページ B からの割り当てを受け入れます


<script>
export default{
    
    
	data() {
    
    
		return {
    
    
		    name :'',
		    mobile :''
		}
	},
	 methods:{
    
    
		let _this =this
		
		// 方法名,是 B页面 定义的方法名称
		prevDateFun(object) {
    
    
			if(object){
    
    
			     _this.name = object.name 
			     _this.mobile = object.mobile    
			}else{
    
    
				return
			}
		},
	}
</script>

まとめ 0.0

おすすめ

転載: blog.csdn.net/weixin_45344910/article/details/124928350