在uniapp中 a页面使用uni.navigateTo跳到了b页面,b页面使用uni.navigateTo跳到了c页面,c页面使用uni.navigateTo跳到了d页面,d页面使用uni.navigateTo跳到了b页面,请问此时b页面怎么实现返回的时候跳转的是a页面而不是d页面
时间: 2024-04-15 09:28:39 浏览: 97
在b页面实现返回时跳转到a页面而不是d页面,可以通过修改跳转方式来实现。在b页面的返回按钮点击事件中,可以使用`uni.navigateBack`方法来返回上一页,并设置`delta`参数为2,表示返回两层页面,即返回到a页面。
示例代码如下:
```javascript
// b页面的返回按钮点击事件
backToA() {
uni.navigateBack({
delta: 2
});
}
```
这样,在b页面点击返回按钮时,会直接跳转到a页面,而不是d页面。
相关问题
uniapp使用uni.navigateTo,从 A 页面跳转到 B 页面,再从 B 页面跳转到 C 页面不是 tabBar 中的页面,跳到C页面不成功怎办
如果想要从非 tabBar 页面跳转到另一个非 tabBar 页面(例如从 B 页面跳转到 C 页面),可以尝试使用 uni.redirectTo 方法。这个方法可以关闭当前页面,然后打开目标页面,相当于执行了一次页面的替换操作。
具体的实现方法如下:
在 B 页面的跳转按钮的点击事件中,调用 uni.redirectTo 方法:
```
uni.redirectTo({
url: '/pages/c/c'
});
```
注意,redirectTo 方法的参数是目标页面的路径,需要写全路径,包括文件名和后缀名。
在 C 页面中,需要使用 uni.navigateBack 方法来返回到 A 页面:
```
uni.navigateBack({
delta: 2 // 返回的页面数,这里需要返回到 A 页面,所以是 2
});
```
这样就可以实现从 A 页面跳转到 B 页面,再从 B 页面跳转到 C 页面,最后返回到 A 页面的操作了。
uniapp跳同级页面
在uni-app中,跳转到同级页面可以使用uni.navigateTo API。以下是具体步骤:
1. 在跳转前,需要先导入需要跳转到的页面,可以在需要跳转的页面的script标签中使用import导入。
2. 在需要触发跳转的事件中,调用uni.navigateTo API,并传入目标页面的路径。
下面是一个示例代码:
```
<template>
<button @click="jump">跳转到同级页面</button>
</template>
<script>
import targetPage from './targetPage.vue'
export default {
methods: {
jump() {
uni.navigateTo({
url: './targetPage.vue'
})
}
}
}
</script>
```
注意,这里传入的路径是相对于当前页面的路径。如果需要跳转到其他目录下的页面,则需要使用../或者/等符号来表示路径。
阅读全文