Bootstrap

【uni-app学习-2】

一、跳转

方法:在methods中去定义方法:
在这里插入图片描述
在这里插入图片描述

上述为直接跳转,但是当你要跳转页面是由多个可切换页面组成比如:
在这里插入图片描述
这个页面其实是由两个页面组成,一个主页,一个我的,两个页面
路由配置需要用到toobar:
在这里插入图片描述
那么此时我们跳转方法就要用到
在这里插入图片描述
这里继续去使用navigateTo就是不起作用了要切换switchTab

二、登录保存用户数据

确保登陆时拿到的username或者手机号或者其他的一些信息,当我们拿到专属的信息后就可以拿到专属信息的有关联的其他的信息
例:
在这里插入图片描述
使用uni.setStorageSync方法配合this去拿到我们在登陆页面输入的信息
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
这里的this会帮我们拿到我们输入的username
此时我们的username会被保存在本地数据中
那么后续需要拿到username有关联的信息只需要取uni.setStorageSync拿到的信息就可以了

除此之外登出删除我们uni.setStorageSync拿到的信息也是必不可少的
例:
在这里插入图片描述
在这里插入图片描述
此时我们可以看到一个方法那就是uni.removeStorageSync方法,它会将我们登陆时所存储的用户数据移除

三、进入页面自动请求接口


放到我们script中使用Mounted方法配合this即可做到点开页面时请求接口

;