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