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`跳转传参数了。如果需要传递多个参数,可以按照相同的方式进行。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论