uniapp 同一个页面实现 navigateTo 和navigateBack效果
可以通过以下步骤在uniapp中实现同一个页面实现navigateTo和navigateBack效果:
- 在页面中定义一个变量,用于记录当前页面的状态。
data() {
return {
status: 'normal'
}
}
- 在需要跳转的按钮中,通过改变状态来实现navigateTo效果。
<button @click="status='jump'">跳转到其他页面</button>
- 在页面中通过watch监听状态的变化,来实现页面的跳转。
watch: {
status(val) {
if (val === 'jump') {
uni.navigateTo({
url: '/pages/otherPage/otherPage'
})
}
}
}
- 在需要返回的按钮中,通过改变状态来实现navigateBack效果。
<button @click="status='back'">返回上一页</button>
- 在页面中通过watch监听状态的变化,来实现页面的返回。
watch: {
status(val) {
if (val === 'back') {
uni.navigateBack({
delta: 1
})
}
}
}
这样就可以在同一个页面中实现navigateTo和navigateBack效果了。需要注意的是,如果需要返回多个页面,需要修改delta的值。
原文地址: http://www.cveoy.top/t/topic/bAY2 著作权归作者所有。请勿转载和采集!