微信小程序登录页面如果登入出错自动刷新
时间: 2023-10-02 12:11:56 浏览: 46
可以在小程序代码中使用 wx.reLaunch() 函数来实现登录失败后自动刷新页面。具体的实现步骤如下:
1.在登录失败的回调函数中调用 wx.reLaunch() 函数,将当前页面重新加载。
2.在登录成功的回调函数中跳转到需要访问的页面。
下面是示例代码:
```javascript
// 登录按钮点击事件
onLoginTap: function () {
var that = this;
wx.login({
success: function (res) {
// 发送登录请求,获取token
wx.request({
url: 'https://example.com/login',
data: {
code: res.code
},
success: function (res) {
if (res.statusCode == 200) {
// 登录成功跳转到需要访问的页面
wx.navigateTo({
url: '/pages/home/home'
});
} else {
// 登录失败刷新当前页面
wx.showModal({
title: '登录失败',
content: '请稍后再试',
showCancel: false,
success: function (res) {
wx.reLaunch({
url: '/pages/login/login'
});
}
});
}
},
fail: function (res) {
// 登录失败刷新当前页面
wx.showModal({
title: '登录失败',
content: '请稍后再试',
showCancel: false,
success: function (res) {
wx.reLaunch({
url: '/pages/login/login'
});
}
});
}
});
}
});
}
```
在上面的示例代码中,如果登录失败会显示一个提示框,点击确定后会调用 wx.reLaunch() 函数重新加载当前页面。如果登录成功,则跳转到需要访问的页面。