vue给url添加参数

在当前页面初次渲染加上以下代码

var newurl = updateQueryStringParameter(window.location.href, 'sp', '2');
//向当前url添加参数,没有历史记录
window.history.replaceState({
	path: newurl
}, '', newurl);

function updateQueryStringParameter(uri, key, value) {
	if(!value) {
		return uri;
	}
	var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
	var separator = uri.indexOf('?') !== -1 ? "&" : "?";
	if (uri.match(re)) {
		return uri.replace(re, '$1' + key + "=" + value + '$2');
	}
	else {
		return uri + separator + key + "=" + value;
	}
}

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要改变URL参数值,您可以使用以下方法之一: 1. 使用window.location.href方法: 使用window.location.href方法,您可以获取当前页面的URL并将其分解为其组成部分,然后修改参数值并将其重组为新URL。 例如,如果您的当前URL为https://example.com/?param1=value1&param2=value2,您可以使用以下代码更改param1的值: ``` var url = window.location.href; var newUrl = url.replace(/param1=([^&]*)/, 'param1=newValue'); window.location.href = newUrl; ``` 2. 使用URLSearchParams对象: 使用URLSearchParams对象,您可以轻松地添加、获取和删除URL查询参数。您可以创建一个新的URLSearchParams对象,并使用set()方法设置参数值,然后使用toString()方法将其转换为字符串,以便将其设置为新的URL查询参数。 例如,如果您要将param1的值更改为newValue,您可以使用以下代码: ``` var urlParams = new URLSearchParams(window.location.search); urlParams.set('param1', 'newValue'); var newUrl = window.location.pathname + '?' + urlParams.toString(); window.history.pushState({}, '', newUrl); ``` 这将创建一个新URLSearchParams对象,并使用set()方法将param1的值设置为newValue。然后,使用toString()方法将其转换为字符串,并将其附加到当前路径的末尾,形成一个新的URL。最后,使用pushState()方法将新URL添加到浏览器历史记录中,以便用户可以使用浏览器的“后退”和“前进”按钮导航。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值