uni.navigateBack如何传参数回去
时间: 2024-03-14 21:40:28 浏览: 38
uni.navigateBack方法可以用来返回上一个页面,并且可以传递参数回去。下面是两种实现方式:
1. 使用delta参数传递参数:
```javascript
uni.navigateBack({
delta: 1,
success: () => {
// 返回成功后的回调函数
},
fail: () => {
// 返回失败后的回调函数
},
complete: () => {
// 返回完成后的回调函数
}
});
```
在这种方式下,delta参数表示返回的页面层数,设置为1表示返回上一个页面。你可以在返回成功后的回调函数中处理返回后的逻辑。
2. 使用uni.emit和uni.on来传递参数:
在当前页面中,使用uni.$emit方法发布一个事件,并传递要设置的数据值:
```javascript
uni.$emit('refreshPreviousPage', { data: '要设置的数据值' });
```
在上一个页面中,使用uni.on方法订阅这个事件,并在回调函数中处理传递过来的参数:
```javascript
uni.on('refreshPreviousPage', (data) => {
// 处理传递过来的参数
});
```
这种方式可以实现在返回上一页的同时刷新上一个页面,并设置上一个页面的data值。
相关问题
vue3 uni.navigateBack携带参数
在Vue3中,使用uni.navigateBack方法携带参数可以通过以下步骤实现:
1. 在子页面或组件中,使用uni.$emit方法触发一个自定义事件,并将参数传递给监听器回调函数。示例代码如下:
```javascript
methods: {
setAssets(item) {
uni.$emit('update', item);
uni.navigateBack();
}
}
```
2. 在父页面中,使用uni.$once方法监听子页面触发的自定义事件,并在回调函数中获取传递的参数。示例代码如下:
```javascript
onShow() {
uni.$once('update', function(e) {
// e即为传递的参数,可以在这里进行处理
// do something with the parameter
});
}
```
通过以上步骤,你可以在uni.navigateBack方法中携带参数,并在父页面中获取和处理这些参数。
uni.navigateback带参数
uni.navigateBack可以带参数返回上一页页面实例,并且可以在上一页页面实例中修改数据。具体实现方法如下:
1. 在A页面中传递参数并返回上一页页面实例:
```
let pages = getCurrentPages(); //获取所有页面栈实例列表
let prevPage = pages[pages.length - 2]; //上一页页面实例
prevPage.$vm.name = 'xufei'; //修改上一页data里面的name参数值为'xufei'
uni.navigateBack({
delta: 1 //返回上一页
});
```
2. 在B页面中接收参数并修改数据:
```
<script>
export default {
data() {
return {
name: '',
mobile: ''
}
},
methods: {
prevDateFun(object) { //方法名,是B页面定义的方法名称
if (object) {
this.name = object.name;
this.mobile = object.mobile;
} else {
return;
}
}
}
}
</script>
```
相关问题:
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)