在目标页面通过this.$route.params获取参数
时间: 2024-11-12 15:40:37 浏览: 22
前端基础知识点总结(vue2,js,js高级,node.js,html,css,dom,jquery,wx小程序)
在Vue.js中,如果你想要从当前路由的路径参数中获取值,可以使用`this.$route.params`这个属性。它是一个对象,包含了由问号(`?`)分隔的部分的所有动态参数。例如,假设你的路由路径是 `/users/:userId`,你可以这样做:
```javascript
// 在组件内部
export default {
data() {
return {
userId: ''
};
},
created() {
this.userId = this.$route.params.userId; // 获取userId参数
}
}
```
在这个例子中,当你导航到`/users/123`这样的路径时,`this.userId`将会被设置为`123`。
如果你想在模板中直接访问参数,可以直接使用`{{ $route.params }}`,或者按需显示某个参数:
```html
<template>
<div>
<h1>User ID: {{ $route.params.userId }}</h1>
</div>
</template>
```
阅读全文