uni-app退出登录实例
时间: 2023-08-02 19:05:07 浏览: 68
好的,我可以为您提供一个uni-app退出登录的示例代码:
在vue页面中,我们可以通过调用uni.navigateTo方法跳转到登录页面,例如:
```
// 退出登录
logout() {
uni.showModal({
title: '提示',
content: '确定要退出登录吗?',
success: (res) => {
if (res.confirm) {
// 清除本地存储的token和用户信息
uni.removeStorageSync('token');
uni.removeStorageSync('userInfo');
// 跳转到登录页面
uni.navigateTo({
url: '/pages/login/login'
});
}
}
});
}
```
在登录页面,我们可以判断本地是否存在token和用户信息,如果存在,则直接跳转到首页,例如:
```
// 登录页面
onLoad() {
// 判断本地是否存在token和用户信息
let token = uni.getStorageSync('token');
let userInfo = uni.getStorageSync('userInfo');
if (token && userInfo) {
// 跳转到首页
uni.switchTab({
url: '/pages/index/index'
});
}
}
```
这样,当用户点击退出登录按钮时,会弹出一个确认框,如果用户点击确认,则会清除本地存储的token和用户信息,并跳转到登录页面;在登录页面中,如果本地存在token和用户信息,则会直接跳转到首页。这样就完成了uni-app退出登录的示例代码。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)