当前位置：首页 > news >正文

广州网站优化公司咨询网站优化推广是什么

news 2026/4/8 4:42:05

广州网站优化公司咨询,网站优化推广是什么,网站做app服务端,wordpress 访问控制解决vue3 怎么做到路由跳转传参刷新后消失解决路由跳转传参去除问题想要跳转后根据参数显示对应的tab，但url传参刷新会持续保留无法重置。 router.replace替换又会导致显示内容为router.replace后的，传参目的丢失。业务逻辑： 完成对应操作…

解决vue3 怎么做到路由跳转传参刷新后消失
解决路由跳转传参去除问题

想要跳转后根据参数显示对应的tab，但url传参刷新会持续保留无法重置。
router.replace替换又会导致显示内容为router.replace后的，传参目的丢失。

业务逻辑：完成对应操作后（点击按钮）返回指定页面（recruit/enterprise/position页面）

// 页面A
const handleCancel = (hire) => { //  hire：是否是众聘岗位router.push({ path: '/recruit/enterprise/position', query: { hire: hire ? 1 : 0 } })
}

在这里插入图片描述

// 页面B
const showHire = (route.query?.hire - 0) || 0
const tab = ref(showHire ? 4: 1)
if (showHire) history.replaceState({ ...route.query, hire: 0 }, '', route.path)
// 更新浏览器历史记录，不触发页面重新加载 ( 目的：去除目标参数 )
// 参数完全不保留使用history.replaceState({}, '', newUrl)，传入{}空对象
// 不使用vue的话可以window.location.href.replace(/\?.*$/, "")或者window.location.hash.replace(/\?.*$/, "")获取路由