微信小程序-页面跳转

navigateTo

Page({
  data: {
    username: '',
    password: ''
  },
  onInputChange: function(event) {
    const { type } = event.currentTarget.dataset;
    this.setData({
      [type]: event.detail.value
    });
  },
  onLogin: function() {
    // 模拟登录验证，这里应调用微信的登录接口或其他后端接口
    if (this.data.username === 'admin' && this.data.password === '123456') {
      wx.navigateTo({
        url: '../pageB/pageB',
      });
    } else {
      wx.showToast({
        title: '登录失败',
        icon: 'none'
      });
    }
  }
});

取消当前界面左上角的返回按钮

• 在目标页面的 JSON 配置文件中设置 navigationStyle 为 “custom”，这会自定义导航栏，从而移除返回按钮。

{
  "navigationBarTitleText": "Detail Page",
  "navigationStyle": "custom"
}

禁止返回上一个界面

要实现取消左上角的返回按钮并限制系统返回键返回到上一个界面，可以使用wx.redirectTo跳转方式或wx.reLaunch跳转方式来代替wx.navigateTo。

• wx.redirectTo会关闭当前页面，跳转到应用内的某个页面，跳转后将无法通过左上角返回按钮返回到上一个页面。示例代码如下：

// 在触发跳转的地方使用 wx.redirectTo
wx.redirectTo({
  url: '下一个页面的路径',
});

• 或者使用wx.reLaunch，它会关闭所有页面，打开应用内的某个页面