携带固定参数，进行页面的多次跳转

青旅半醒 2023-10-09 14:52 50阅读 0赞

参考我的博客（将里面的方法，封住成一个全局，稍微改动即可）

[（巨好使，详细，解析URl，URl自定义传参）js URl中快速自定义传参，并且实现参数解析 修改 和新增，替换功能\_\_揽的博客-CSDN博客][URl_URl_js URl_ _ _-CSDN]

如果有更好的方法 欢迎补充

下面代码是一个例子，好好体会上面链接中的代码和下面的代码块，细细品

将下面的代码封装为全局，方便后续使用

///
    //这些配置完以后， 封装全局， 使用的话方法跟正常的uni.navigateTo()使用方法一样
    ///
    
    //获取url路径中的参数
    const getQuery = (url) => {
    	// result为存储参数键值的集合
    	const result = {}
    	//建立正则匹配路径中有没有问号
    	var reg = /\?/g
    	if (reg.test(url)) {
    		// str为？之后的参数部分字符串
    		const str = url.substr(url.indexOf('?') + 1)
    		// arr每个元素都是完整的参数键值
    		const arr = str.split('&')
    		for (let i = 0; i < arr.length; i++) {
    			// item的两个元素分别为参数名和参数值
    			const item = arr[i].split('=')
    			result[item[0]] = item[1]
    		}
    	}
    	return result
    }
    const chanUrlData = (hostUrl = '', orignJson = {}, newJson = {}) => {
    	//快速自定义url路径中的参数的原理，首先将url中的数据json获取下来，然后通过遍历将url中的数据进行新增和覆盖
    	//1. hostUrl='链接的host地址（链接'?'之前的部分） https://blog.csdn.net/qq_59747594/article/details/126397187'
    	//2. orignJson='链接中问号后面的json数据' {name:wang,sex:1}
    	//3. newJson='自定义在url里面路径的参数' {name:wangzhaoyang,money:1000000}
    	for (let x in newJson) {
    		orignJson[x] = newJson[x]
    	}
    	var newDataJson = [] //用来接收最新的生成url参数数据
    	for (var item in orignJson) {
    		newDataJson.push(item + '=' + orignJson[item])
    	}
    	if (newDataJson.length > 0) {
    		return hostUrl + '?' + newDataJson.join('&')
    	} else {
    		return hostUrl
    	}
    }
    const navigateTo = ({
    	url
    }) => {
    	var pages = getCurrentPages(); //获取所有页面的数组对象
    	var currPage = pages[pages.length - 1]; //当前页面
    	var nowJson = currPage.options
    	var orignJson = {}
    	if (nowJson.websiteId) {
    		orignJson.websiteId = nowJson.websiteId
    	}
    	if (nowJson.fromUnionId) {
    		orignJson.fromUnionId = nowJson.fromUnionId
    	}
    	var newJson = getQuery(url)
    	var route = url.split("?")[0]
    	var newUrl = chanUrlData(route, orignJson, newJson)
    	uni.navigateTo({
    		url: newUrl
    	})
    }
    //
    export default {
    	navigateTo
    }

[URl_URl_js URl_ _ _-CSDN]: https://blog.csdn.net/qq_59747594/article/details/127151053?spm=1001.2014.3001.5502