uniapp返回上一页并传递参数

说是传递参数,实际是在你返回之前先修改了上一页的data里面的数据再进行返回上一页的操作。

// 获取所有页面栈实例列表
let pages = getCurrentPages();  

// 当前页页面实例
let nowPage = pages[ pages.length - 1]; 
 
// 上一页页面实例
let prevPage = pages[ pages.length - 2 ];  

// 修改上一页data里面的times参数值为100
prevPage.$vm.times = 100;   

//uni.navigateTo跳转的返回,默认1为返回上一级
uni.navigateBack({  
    delta: 1
});

getCurrentPages()

getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。

注意: getCurrentPages()仅用于展示页面栈的情况,请勿修改页面栈,以免造成页面状态错误。

每个页面实例的方法属性列表:

方法描述平台说明
page.$getAppWebview()获取当前页面的webview对象实例App
page.route获取当前页面的路由-

$getAppWebview()

uni-app 在 getCurrentPages()获得的页面里内置了一个方法 $getAppWebview() 可以得到当前webview的对象实例,从而实现对 webview 更强大的控制。在 html5Plus 中,plus.webview具有强大的控制能力,可参考:WebviewObject (opens new window)。
但uni-app框架有自己的窗口管理机制,请不要自己创建和销毁webview,如有需求覆盖子窗体上去,请使用原生子窗体subNvue。

注意:此方法仅 App-Vue 支持

官方文档:https://uniapp.dcloud.net.cn/api/window/window.html#getcurrentpages

  • 5
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Uniapp中,返回一页面并传递参数可以通过以下步骤实现: 1. 在当前页面通过uni.navigateBack()方法返回一页面。该方法用于关闭当前页面并返回一页面。 2. 在当前页面中可以通过uni.getOpenerEventChannel()方法获取上一页面传递的参数。该方法返回一个EventChannel对象,可以用于接收上一页面传递的参数。 3. 在上一页面中,需要通过uni.navigateTo()方法或者uni.redirectTo()方法打开当前页面,并在参数中传递需要传递的数据。 下面是一个示例代码,演示了如何在Uniapp返回一页面并传递参数: ```javascript // 当前页面 export default { methods: { goBackWithData() { const eventChannel = this.$uni.getOpenerEventChannel() eventChannel.emit('eventName', { data: '传递的参数' }) uni.navigateBack() } } } // 上一页面 export default { mounted() { const eventChannel = this.$uni.getOpenerEventChannel() eventChannel.on('eventName', (data) => { console.log(data) // 输出传递的参数 }) } } ``` 在上述示例中,我们在当前页面的`goBackWithData`方法中通过`eventChannel.emit()`方法传递参数,并通过`uni.navigateBack()`方法返回一页面。在上一页面的`mounted`生命周期钩子中通过`eventChannel.on()`方法监听事件,并获取传递的参数。 希望这个示例对你有所帮助。<span class="em">1</span> #### 引用[.reference_title] - *1* [Uniapp示例:返回并刷新上一页](https://download.csdn.net/download/qq_31646657/13657180)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值