页面间传值,返回时把值传递给上一页面

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页面显示下拉列表值

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