您现在的位置是:网站首页>前端技术>HTML5教程HTML5教程

uniapp 小程序,H5实现登录跳回原来的页面

神夜2020-03-06 16:27:54HTML5教程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条
  • 微信公众号:扫描二维码,关注我们