uniapp返回上一页面传递参数
时间: 2023-09-12 12:12:45 浏览: 402
uniapp日常总结-uniapp页面传值
在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 ]
阅读全文