this.$router跳转当前页面,修改路径上的参数
时间: 2024-03-14 08:46:19 浏览: 52
如果你想使用`this.$router`在当前页面中修改路径上的参数,可以通过`this.$route.params`来获取当前路径中的参数对象,并对其进行修改。具体实现方法如下:
```js
// 假设当前页面路径为 /detail/:id,id为参数
// 获取当前参数对象
let params = this.$route.params
// 修改参数值
params.id = 'new_id'
// 使用 this.$router.push() 进行跳转
this.$router.push({ name: 'detail', params })
```
其中,`name`为路由名称,`params`为参数对象。这样就可以在当前页面中修改路径上的参数并进行跳转了。需要注意的是,如果路径中的参数发生变化,页面也会进行重新渲染。
相关问题
this.$router跳转当前页面
如果你想在当前页面重新加载(相当于刷新)你可以使用以下代码:
```
this.$router.replace({
path: '/current-path',
query: {
// 任何查询参数
}
})
```
其中 `path` 是当前页面的路径,`query` 是任何你需要传递的查询参数。这将会重新加载当前页面。
this.$router.push 跳转页面后路径变成?#
在使用 history 模式时,通过 this.$router.push 跳转页面后,URL 中的 # 被替换为了 ?#,这是为了兼容旧版本浏览器的行为。如果你希望 URL 中没有 ?#,可以将路由的 mode 设置为 hash 模式,或者在使用 history 模式时在路由配置中设置 base 属性。另外,可以考虑升级浏览器版本,避免这种问题。
阅读全文