uniapp 单页面实现 navigateTo 和 navigateBack 跳转效果

可以通过以下步骤在 uniapp 中实现同一个页面实现 navigateTo 和 navigateBack 效果：

1. 在页面中定义一个变量，用于记录当前页面的状态。

data() {
  return {
    status: 'normal'
  }
}

2. 在需要跳转的按钮中，通过改变状态来实现 navigateTo 效果。

<button @click='status='jump''>跳转到其他页面</button>

3. 在页面中通过 watch 监听状态的变化，来实现页面的跳转。

watch: {
  status(val) {
    if (val === 'jump') {
      uni.navigateTo({
        url: '/pages/otherPage/otherPage'
      })
    }
  }
}

4. 在需要返回的按钮中，通过改变状态来实现 navigateBack 效果。

<button @click='status='back''>返回上一页</button>

5. 在页面中通过 watch 监听状态的变化，来实现页面的返回。

watch: {
  status(val) {
    if (val === 'back') {
      uni.navigateBack({
        delta: 1
      })
    }
  }
}

这样就可以在同一个页面中实现 navigateTo 和 navigateBack 效果了。需要注意的是，如果需要返回多个页面，需要修改 delta 的值。