頁面間傳值,返回時把值傳遞給上一頁面

1、正向傳值:

a.vue 跳轉到b.vue 頁面,a向b傳值,可通過跳轉時url帶參數的形式;如下:

uni.navigateTo({
    url: 'b?name=uniapp'
});

b頁面在onLoad中通過option來獲取傳遞過來的參數

onLoad(option) {
     this.name=option.name
},

 

 2、返回傳值

b.vue返回到a.vue 頁面,把name值“helloworld”傳給a頁面:

  • b頁面中設置上一頁面的值
var pages = getCurrentPages();
var prevPage = pages[pages.length - 2]; //上一個頁面
prevPage.name= 'helloworld';
uni.navigateBack();
  • a頁面在onshow中重置name的值
onShow: function() {
	let pages = getCurrentPages();
	let currPage = pages[pages.length - 1];
	this.name= currPage.name;		
},

3、適用場景:

如,當前a頁面有個下拉列表>,點擊之後跳轉到b頁面,選擇之後,a頁面顯示下拉列表值

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章