美文网首页
微信小程序-页面跳转

微信小程序-页面跳转

作者: 喂_balabala | 来源:发表于2024-07-11 14:40 被阅读0次

    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,它会关闭所有页面,打开应用内的某个页面

    相关文章

      网友评论

          本文标题:微信小程序-页面跳转

          本文链接:https://www.haomeiwen.com/subject/hfrxhjtx.html