您现在的位置是:网站首页>前端技术>HTML5教程HTML5教程
uniapp 小程序,H5实现登录跳回原来的页面
神夜2020-03-06 16:27:54【HTML5教程】4643人已围观文章来源:神夜个人博客
简介uniapp 小程序,H5实现登录跳回原来的页面
uniapp 小程序,H5实现登录跳回原来的页面
util.js里面的方法
//获取当前页完整URL路径包括参数 function getCurrentPageUrlWithArgs() { const pages = getCurrentPages() const currentPage = pages[pages.length - 1] const url = currentPage.route const options = currentPage.options let urlWithArgs = `/${url}?` for (let key in options) { const value = options[key] urlWithArgs += `${key}=${value}&` } urlWithArgs = urlWithArgs.substring(0, urlWithArgs.length - 1) return urlWithArgs }
1、首先是点击跳转到登录页面
//跳转登录并记录前URL goLogin(){ // #ifdef MP-WEIXIN let currentUrl = util.getCurrentPageUrlWithArgs(); // #endif // #ifdef H5 let currentUrl = window.location.href.split('#')[1]; // #endif uni.setStorage({key:'loginReturnUrl',data:currentUrl}) uni.navigateTo({url:'/pages/login/login'}) }2、然后在登录页面点击登录成功后跳回相应页面
//登录后跳转相应页面 goPage() { let url = ''; uni.getStorage({ key: 'loginReturnUrl', success(e) { url = e.data; uni.removeStorage({ key: 'loginReturnUrl', success: function (res) { uni.reLaunch({ url: url }) } }); }, fail(e){ uni.reLaunch({url: '/pages/index/index'}) } }) }
本栏推荐
猜你喜欢
站点信息
- 建站时间:2017-10-24
- 网站程序:Hsycms 3.0
- 文章统计:511条
- 微信公众号:扫描二维码,关注我们