this.$mRoutr怎么用怎么接参
时间: 2023-10-05 07:12:54 浏览: 94
Vue中的this.$options.data()和this.$data用法说明
this.$mRouter 是一个 Vue.js 插件,用于管理应用程序的路由。如果你想在路由中传递参数,可以通过路由链接的查询参数或路由参数来传递。以下是两种常见的传递参数的方法:
1. 查询参数
你可以在路由链接中添加查询参数,例如:
```
<router-link :to="{ path: '/user', query: { id: 123 }}" />
```
在目标组件中,你可以通过 `$route.query` 来访问查询参数,例如:
```
mounted() {
console.log(this.$route.query.id) // 打印出 123
}
```
2. 路由参数
你也可以在路由链接中添加路由参数,例如:
```
<router-link :to="{ path: '/user/:id', params: { id: 123 }}" />
```
在目标组件中,你可以通过 `$route.params` 来访问路由参数,例如:
```
mounted() {
console.log(this.$route.params.id) // 打印出 123
}
```
注意:如果你要在同一个组件中多次访问 `$route.params`,你需要使用 `watch` 来监听 `$route` 对象的变化,例如:
```
watch: {
'$route.params': {
handler: function(newParams, oldParams) {
console.log(newParams.id) // 打印出新的参数值
},
immediate: true // 立即执行一次
}
}
```
希望对你有所帮助!
阅读全文