router-link跳转传参数
可以使用Vue Router的`router.push()`方法传递参数。以下是一个简单的示例:
1. 首先,在路由配置中设置一个参数:
javascript
const routes = [
{
path: '/user/:id',
component: UserComponent
}
]
2. 然后,在需要跳转的地方使用`router.push()`方法传递参数:
react router传参数javascript
this.$router.push({
path: '/user/123',
params: {
id: 123
}
})
3. 最后,在目标组件中接收参数:
javascript
export default {
created() {
console.log(this.$route.params) // 输出:{ id: 123 }
}
}
这样,你就可以通过`router-link`跳转传参数了。如果需要传递多个参数,可以按照相同的方式进行。
发表评论