this.$router.resolve({ name: 'routeName', params: { key: value } }) 获取地址栏params值
时间: 2024-02-18 15:02:47 浏览: 26
这段代码是用来获取路由参数值并生成对应的路由地址。但是它并不能直接获取地址栏中的参数值。如果你要获取地址栏参数值,可以使用以下代码:
```
const params = new URLSearchParams(window.location.search)
const value = params.get('key')
```
其中,`window.location.search` 可以获取地址栏中的查询参数部分,包括 `?` 符号。`URLSearchParams` 是一个 JavaScript 内置对象,可以方便地解析和操作查询参数。`get` 方法可以获取指定参数的值。
相关问题
this.$router.push query type:this.clickActive
`this.$router.push` 方法可以用于导航到一个新的页面,并传递查询参数。如果你想传递一个名为 `type`,值为 `this.clickActive` 的查询参数,你可以这样使用:
```javascript
this.$router.push({ path: '/page', query: { type: 'this.clickActive' } })
```
这将导航到路径为 `/page` 的页面,并附带一个查询参数 `type`,其值为 `this.clickActive`。
请注意,`this.clickActive` 是一个字符串,它将作为查询参数的值传递给目标页面。如果你想传递变量的值,确保将其放在引号或模板字符串中,以便正确传递。
希望这回答了你的问题。如果还有其他疑问,请随时提出。
获取this.$router.resolve params传过来的值
`this.$router.resolve` 方法返回的是一个路由地址对象,其中的 `params` 属性就是路由参数对象。你可以通过访问这个对象的属性来获取对应的值。
例如,如果你有这样一段代码:
```
const resolved = this.$router.resolve({ name: 'routeName', params: { key: 'value' }})
console.log(resolved.params.key)
```
那么输出结果就是 `'value'`,即路由参数中 `key` 属性的值。
当然,如果你要获取路由参数的值,也可以直接在路由组件中使用 `this.$route.params.key` 的方式来获取。这个属性会自动获取路由参数中 `key` 属性的值。