UniApp 页面跳转:在 A 页面弹出 B 页面
在 UniApp 中,可以使用 uni.navigateTo() 方法在当前页面栈上打开一个新页面 B。
具体步骤如下:
- 在 A 页面的 wxml 文件中设置一个按钮或者其他触发事件的元素,例如:
<button @tap='goToB'>打开 B 页面</button>
- 在 A 页面的 js 文件中定义 goToB 方法,使用
uni.navigateTo()方法打开新页面 B,例如:
methods: {
goToB() {
uni.navigateTo({
url: '/pages/B/B'
})
}
}
- 在 B 页面的 vue 文件中可以设置返回按钮,例如:
<template>
<view>
<button @tap='goBack'>返回</button>
// B 页面的其他内容
</view>
</template>
- 在 B 页面的 js 文件中定义 goBack 方法,使用
uni.navigateBack()方法返回上一个页面 A,例如:
methods: {
goBack() {
uni.navigateBack()
}
}
原文地址: http://www.cveoy.top/t/topic/nnFQ 著作权归作者所有。请勿转载和采集!