阅读量: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; },