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

  1. 在页面中定义一个变量,用于记录当前页面的状态。
data() {
  return {
    status: 'normal'
  }
}
  1. 在需要跳转的按钮中,通过改变状态来实现navigateTo效果。
<button @click="status='jump'">跳转到其他页面</button>
  1. 在页面中通过watch监听状态的变化,来实现页面的跳转。
watch: {
  status(val) {
    if (val === 'jump') {
      uni.navigateTo({
        url: '/pages/otherPage/otherPage'
      })
    }
  }
}
  1. 在需要返回的按钮中,通过改变状态来实现navigateBack效果。
<button @click="status='back'">返回上一页</button>
  1. 在页面中通过watch监听状态的变化,来实现页面的返回。
watch: {
  status(val) {
    if (val === 'back') {
      uni.navigateBack({
        delta: 1
      })
    }
  }
}

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

uniapp 同一个页面实现 navigateTo 和navigateBack效果

原文地址: http://www.cveoy.top/t/topic/bAY2 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录