uniapp开发微信小程序,使用web-view跳转到H5页面#记录

avatar
作者
猴君
阅读量:0

接手了一个很久之前的项目,说是要把H5做成小程序进行发布,查阅相关文档最终将其实现,现在做一下相关记录

一、普通使用web-view跳转

<template> 	<view> 		<web-view :src="srcUrl"></web-view> 	</view> </template>  <script> 	export default { 		data() { 			return {                 // xxx是你的H5地址路径 				srcUrl:'xxx' 			} 		}, 	} </script>  <style lang="less" scoped> </style> 

二、使用web-view跳转且进行传参

<template> 	<view> 		<web-view :src="srcUrl"></web-view> 	</view> </template>  <script> 	export default { 		data() { 			return {                 // xxx是你的H5地址路径 				srcUrl:'xxx?ratAccessToken=' + encodeURIComponent(this.getToken())' 			} 		},         methods: { 			getToken(){ 				return uni.getStorageSync('ratAccessToken') 			} 		} 	} </script>  <style lang="less" scoped> </style> 

三、H5页面进行参数获取

根据下述方法便能获取url上的参数,就能进行参数处理了

//获取地址上ratAccessToken参数 getUrlParam() {   let url = window.location.href;   let name = 'ratAccessToken'.replace(/[\[\]]/g, '\\$&')   let regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)')   let results = regex.exec(url)   if (!results) return null;   if (!results[2]) return '';   let str = decodeURIComponent(results[2].replace(/\+/g, ' '))   let ratAccessToken = ''   if (str.endsWith("#/login")) {     ratAccessToken = str.replace(/#\/login$/, '');   } else {     ratAccessToken = str   }     return ratAccessToken;  },

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!