在 UniApp 中,可以使用 uni.navigateTo() 方法在当前页面栈上打开一个新页面 B。

具体步骤如下:

  1. 在 A 页面的 wxml 文件中设置一个按钮或者其他触发事件的元素,例如:
<button @tap='goToB'>打开 B 页面</button>
  1. 在 A 页面的 js 文件中定义 goToB 方法,使用 uni.navigateTo() 方法打开新页面 B,例如:
methods: {
  goToB() {
    uni.navigateTo({
      url: '/pages/B/B'
    })
  }
}
  1. 在 B 页面的 vue 文件中可以设置返回按钮,例如:
<template>
  <view>
    <button @tap='goBack'>返回</button>
    // B 页面的其他内容
  </view>
</template>
  1. 在 B 页面的 js 文件中定义 goBack 方法,使用 uni.navigateBack() 方法返回上一个页面 A,例如:
methods: {
  goBack() {
    uni.navigateBack()
  }
}
UniApp 页面跳转:在 A 页面弹出 B 页面

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

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